• User Attivo

    Problemi colorazione testo UL

    Un'altra domanda , quando si effettua un menu' da footer.
    Io lo eseguo con queste istruzioni :

    Domanda ma perche' mi viene visualizzato sempre in BLU ?!?! non prende mai il colore che gli do' ... sbaglio le istruzioni ?!?!

    <ul id="navlist">
    <li><a href="http://******"><strong>Dove Siamo</strong></a></li>
    ecc ecc
    </ul>

    Questo il Css

    #navlist, li, ecc {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    padding:0.9em;
    }
    , ecc {
    font-weight:bold;
    text-align:center;
    color: #774F38 ;
    }
    li,ecc {
    display:inline;
    }


  • Moderatore

    Non va perché devi definire l'istruzione "a" e i suoi eventi. Ad esempio sul mio sito ho questo:

    #menu a {
    display: block;
    float: left;
    width: 120px;
    height: 43px;
    padding-top: 12px;
    background: url(images/menu1.jpg) no-repeat;
    text-align: center;
    text-decoration: none;
    color: #000000;
    font-size: 20px;

    }

    background-image: url(images/menu2.jpg);
    color: #FFFFFF;

    }

    Delle immagini non ti interesserà nulla ma è giusto per farti un'idea delle possibilità che hai e dove devi intervenire.


  • User Attivo

    ma scusa se definisco la funzione "li" non e' lo stesso ?!?!
    alla fine le miei istruzioni sono :
    <ul id="navlist">

    <li><a href="http://******"><strong>Dove Siamo</strong></a></li>
    ecc ecc

    </ul>

    Quindi come definizione nei CSS devo definire Navlist e Navlist li
    perche' dovrei define anche "a" ?!?

    e come .. "navlist a" e inserire il tipo di carattere ecc ?!? ma non e' gia' tutto definito dentro NAVLIST ?! non c'e' ereditarieta' ?


  • Super User

    Perchè il tag **a **essendo un iperlink ha delle proprietà basate sugli eventi i quali, come ti ha anticipato NetMassimo, avranno degli attributi per ognuno di loro.
    Devi quindi impostarli riferendoti o al loro insieme o nel particolare, mi spiego meglio:

    link generico senza evento del mouse

    
    #navlist a{
    color:#333;
    }
    
    ```**link al passaggio del mouse
    **``` a:hover{
    color:#D70C7A
    text-decoration:underline;
    }
    
    ```ecc ecc
    
    Per quanto riguarda il font invece puoi definirlo in una classe genitore. Attributi di default sono quelli come "color, text-decoration sull'evento hover del mouse" i quali appunto defi ridefinire.
    
    Ciao!