Ciao a tutti
ho un problema sulla barra di navigazione che non saprei come risolvere
sto lavorando con una master page che contiene un div con i pulsanti principali per la navigazione una roba del tipo
e questo è il relativo css
codice:
ul.MenuPrincipale { width: 743px; margin:0; list-style-type: none; margin-top:10px;}
ul.MenuPrincipale li { width:165px; float: left; margin-right:20px;}
ul.MenuPrincipale li a.Chi {display:block; background-image: url('../imagesSystem/ChiSiamo_Dw.png'); background-repeat: no-repeat; }
ul.MenuPrincipale a.Chi:Hover {display:block; background-image: url('../imagesSystem/ChiSiamo_Up.png'); background-repeat: no-repeat;}
ul.MenuPrincipale li a.Prod {display:block; background-image: url('../imagesSystem/Prodo_Dw.png'); background-repeat: no-repeat;}
ul.MenuPrincipale a.Prod:Hover {display:block; background-image: url('../imagesSystem/Prodo_Up.png'); background-repeat: no-repeat;}
ul.MenuPrincipale li a.Lavo {display:block; background-image: url('../imagesSystem/Lavora_Dw.png'); background-repeat: no-repeat;}
ul.MenuPrincipale a.Lavo:Hover {display:block; background-image: url('../imagesSystem/Lavora_Up.png'); background-repeat: no-repeat;}
ul.MenuPrincipale li a.Cont {display:block; background-image: url('../imagesSystem/Contatti_Dw.png'); background-repeat: no-repeat;}
ul.MenuPrincipale a.Cont:Hover {display:block; background-image: url('../imagesSystem/Contatti_Up.png'); background-repeat: no-repeat;}
il menu è molto semplice ovvero da css sull'evento hover cambio lo sfondo e la relativa immagine. Funziona tutto solo che durante la navigazione quando un utente si trova nella sezione specifica per esempio si cliccano sul chi siamo vorrei che l'immagine di sfondo di quel pulsante sia la stessa dell'evento hover (per fargli capire che si trova in quella sezione).
Senza master page è una stupidaggine ma con la master page che è unica per tutto il sito come faccio a fare questa finezza???