-
Css problema link
se utilizzo un codice simile a questo:
Codice:
#menu a{ font-weight:bold; color:#133f6a;}
#menu a:hover{ font-weight:bold; color:#f4be63;}
.nav { display:block; color:#989898; background-repeat:no-repeat; background-image:url(images/nav.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}
.nav:hover { display:block; color:#25587b; background-repeat:no-repeat; background-image:url(images/nav2.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}
se i link della classe nav sono presenti all'interno del div chiamato menu i link vengono visualizzati con gli attributi specificati in #menu a. Come posso fare per non far prevalere quanto specificato in questo Id sulla classe nav?
-
Devi sovrascriverli.
Ciao!
-
scusa debug non ho capito cosa intendi ??
-
Cioè, devi riscrivere le proprietà che vuoi siano diverse.
ciao!
-
l'ho già fatto...il mio problema è che i link della classe nav hanno il colore specificato in #menu a e non in quello .nav.
Codice:
#menu a{ font-weight:bold; color:#133f6a;}
#menu a:hover{ font-weight:bold; color:#f4be63;}
.nav { display:block; color:#989898; background-repeat:no-repeat; background-image:url(images/nav.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}
.nav:hover { display:block; color:#25587b; background-repeat:no-repeat; background-image:url(images/nav2.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}
....
la struttura è questa:
<div id="menu">
....
<a href="..." class="nav">link</a>
</div>
-
Ah scusa, non avevo notato.
Prova a mettere a.nav al posto di .nav
Ciao!
-
