UL LI.... effetto hover...

[henry78]

Ciao a tutti,

ho un menù fatto con i LI UL....

#menu ul li a.zero{
display: block;
float: left;
height: 22px;
width: 97px;
text-decoration: none;
font:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFF;
padding-top: 10px;
text-align: center;
background: url(../img/menu0a.gif) no-repeat
}


Vorrei che quando un utente passa sopra al tasto, il link diventi sottolineato...

provo a fare così ma non succede nulla:

#menu li zero a:hover {
text-decoration:underline;
color: #fff;
}


COme mai?

[Tux7000]

Prova a scrivere:

#menu ul li a.zero:hover
{
text-decoration: underline;;
}

[paxal78]

mi sembra corretto...fai la prova del 9

#menu ul li a.zero:hover
{
text-decoration: underline !important;
} 

[henry78]

Originariamente inviato da paxal78
mi sembra corretto...fai la prova del 9

#menu ul li a.zero:hover
{
text-decoration: underline !important;
} 

WOW ottimo!

grazie

[paxal78]

ma non è la soluzione.
questo controllo sta ad indicare che nei tuoi css quando usi l'hover la regola nel selettore

#menu ul li a.zero:hover{
 text-decoration: underline;
} 

viene sovrascritta da qualche altra regola.
ti consiglio l'uso di firebug per far chiarezza.