menu dropdown orizzontale su 3 livelli. Evidenziare la voce generale

lorenzo84

Utente Attivo
22 Lug 2012
239
0
16
Buongiorno a tutti.

Ho questo codice che sto cercando di modificare. Siccome la fascia del menù è blu ma l'interno poi è bianco ho modificato dli hover e il risultato va bene. Il problema è che la voce generale me la evidenzia bianco quando sono sopra ma quando mi sposto nelle relative voci del sottomenù ritorna blu e invece dovrebbe essere bianca.
Questo è il codice:

Codice:
#menu-pr {
    margin:0 auto;
    padding:0;
    width:960px;
}
 
ul#menu {
    margin:5px 0 0;
    padding:0;
    list-style:none;
    float:left;
    width:960px;
    background-color:#3B5998;
    font-size:14px;
}
 
ul#menu li {
    margin:0;
    padding:0;
    float:left;
    display:block;
    /*border-right:1px solid #222;*/
    position:relative;
}
 
ul#menu li a {
    float:left;
    padding:12px 30px;
    color:#fff;

    text-decoration:none;
}
 
ul#menu li a:hover {
    background-color:#FFF;
    color:#3B5998;
}
 
/* sottomenu */

ul#menu ul{
    margin:0px 0 0;
    padding:0;
    display:inline-block;
    list-style:none;
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:43px;
    left:0;
    z-index:9999;
    background:#fff;
	width:158px;
}
 
ul#menu li:hover > ul {
    opacity:1;
    visibility:visible;
	
}
 
ul#menu ul li {
    float:none;
    display:block;
    border:0;
	
}
 
ul#menu ul a {
   /* padding:10px;*/
    width:158px;
    display:block;
    white-space:nowrap;
    float:none;
	color:#3B5998;
	height:38px;
	line-height:38px;
	vertical-align:top;
    text-transform:none;
}
 
ul#menu ul a:hover {
    background-color:#ea9c99;
    color:#fff;
}
 
/* menu terzo livello */
 
ul#menu ul ul {
    top:0;
    left:150px;
    margin:0;
}

Questo è html

Codice:
<nav id="menu-pr">
   <ul id="menu">
     <li class="current"><a href="#">home</a></li>
     <li><a href="#">Prodotti e Prezzi</a>
        <ul>
            <li><a href="#">prodotto1</a>
                <ul>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">WordPress Themes</a></li>
                    <li><a href="#">Wallpapers</a></li>
                    <li><a href="#">Illustrator Tutorials</a></li>
                </ul>
            </li>
            <li><a href="#">Web Designer Wall</a>
                <ul>
                    <li><a href="#">Design Job Wall</a></li>
                </ul>
            </li>
            <li><a href="#">IconDock</a></li>
            <li><a href="#">Best Web Gallery</a></li>
        </ul>
    </li>
    <li><a href="#">Multi-Levels</a>
        <ul>
            <li><a href="#">Team</a>
                <ul>
                    <li><a href="#">Sub-Level Item</a></li>
                    <li><a href="#">Sub-Level Item</a>
                        <ul>
                            <li><a href="#">Sub-Level Item</a></li>
                            <li><a href="#">Sub-Level Item</a></li>
                            <li><a href="#">Sub-Level Item</a></li>
                        </ul>
                    </li>
 
                    <li><a href="#">Sub-Level Item</a></li>
                </ul>
            </li>
            <li><a href="#">Sales</a></li>
            <li><a href="#">Another Link</a></li>
            <li><a href="#">Department</a>
                <ul>
                    <li><a href="#">Sub-Level Item</a></li>
                    <li><a href="#">Sub-Level Item</a></li>
                    <li><a href="#">Sub-Level Item</a></li>
                </ul>
            </li>
        </ul>
    </li> 
    <li><a href="#">About</a></li>
    <li><a href="#">Contact Us</a></li>
</ul>
</nav>

qualcuno mi aiuta?
 
Discussioni simili
Autore Titolo Forum Risposte Data
S spostare il pulsante menu dropdown HTML e CSS 8
F Dropdown menu con tabella PHP 33
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
L [HTML] Menu di 4 livello "dropdown menu" HTML e CSS 6
L [HTML] bootstrap problema menu dropdown in mobile. HTML e CSS 3
J Bootstrap dropdown menu non funziona con jquery-1.8.2??? jQuery 5
A Problema Menu dropdown orizzonate HTML e CSS 1
andre9004 Dropdown menu con .hover() jQuery 2
L Selezione da database con DropDown Menu e visualizzazione PHP 10
C Roundec Corner Select ( Dropdown menu) HTML e CSS 1
D Menu con immagine a stile DropDown jQuery 0
W [CSS] Menù dropdown aggiungere un SUB-Menu HTML e CSS 0
M Creazione menu a tendina Javascript 3
D menu con submenu orizzontale HTML e CSS 0
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
G creazione menu a tendina e invio a pagina php PHP 1
P Sub menu con Collapse. Javascript 0
R abilitare menu a tendina tramite relativa chekbox PHP 17
L Aiuto creazione menu mancante WordPress 0
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
A [WordPress] Menu bar WordPress 0
W [WordPress] Non si vedono le categorie da aggiungerle al Top Menu WordPress 3
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Selezione da menu a discesa con 2 variabili PHP 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
M [PHP] Creare un menu a tendina con pdo PHP 18
M [Javascript] Caricamento menu da file esterno Javascript 8
W [HTML] Animazione menu mobile HTML e CSS 0
P [HTML] Eliminare doppio menu in wordpress WordPress 2
andreas88 [PHP] menu PHP 15
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
P [Javascript] Voce del menu evidenziata in base alla pagina attiva Javascript 48
V [WordPress] Come modificare link in tasto menu css WordPress 21
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
P [Javascript] problema menu responsive su aruba, editor bk Javascript 1
Hellgrom90 Hamburger menu non si chiude jQuery 1
K [Javascript] Finestra menu Javascript 1
Selenio89 [HTML] creare menu di navigazione HTML e CSS 2
C [Javascript] [HTML] Problemi: Overlay, Banner, Menu Javascript 4
C 3 Bug CSS AND HTML: Overlay-Banner-Menu HTML e CSS 0
C 3 BUG CSS AND HTML: OVERLAY - BANNER- MENU HTML e CSS 0
M [PHP] Menu a tendina dinamico che non si aggiorna PHP 2
U [PHP] Selezione con menu a tendina e recupero selezione PHP 5
M Riadattamento funzioni per far scomparire un menu. jQuery 4
U [Javascript] Menu responsive non scompare col click sui link Javascript 0
A [Javascript] Problemi menu bootstrap Javascript 1

Discussioni simili