dropdown menu 5 livelli

[principinocry]

ciao a tutti ho un problema ho un dropdown menu che ho preso da un sito, che è a tre livelli, da tre livelli grazie a un sugerimento del designer è diventato a 4 livelli, ma a me ora servirebbe farlo diventare a 5, chi mi può dare una mano?

<ul>[*]Home
[*]L'azienda
[*]Prodotti
<ul>
[*]Compressori
<ul>
[*]A pistoni
<ul>[*]Lubrificati
<ul>
[*]Automan[*]LE / LT [/list]
[*]Oil-Free
<ul>
[*]LF / LFx[*]LFx Medicali [/list]
[/list]

[*]A Vite
<ul>
[*]Lubrificati
[*]Oil-free[/list]

[/list]
[*]Soffianti[*]Pompe a vuoto
[*]Quality Air
<ul>
[*]Essiccatori d'aria
[*]Filtri
[*]Separatori Acqua Olio[*]Scaricatori di condensa
[/list]


[/list]
[*]Servizi[*]Contatti[/list]

vi allego anche il codice css:

#body{
background-image:url(image/sfondo-desktop-347.jpg);
width:1024px;
background-repeat:no-repeat;
background-attachment: fixed;
}
A:link { color:#000;}
A:active { color:#00F;}
A:hover { color:#00F;}

#menu{
padding:0;
maragin:0;
font-family:Verdana,Arial;
font-size:0.70em;
}

#menu ul{
padding:0;
margin:0;
}

#menu li{
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
}

#menu li a{
width:152px;
height: 30px;
display:block;
text-decoration:none;
text-align: center;
line-height: 30px;
color: #333;
background: #EDEDED;
}

#menu li a:hover{
background: #CCC;
}

#menu ul ul{
position: absolute;
top: 30px;
visibility:hidden;
}

#menu ul li:hover ul {
visibility:visible;
}

#menu ul ul ul li {
visibility: hidden;
left:152px;
top:-30px;
}

#menu ul ul li:hover li {
visibility:visible;
}

#menu ul ul ul ul li {
display:none;
left:152px;
top:-30px;
}
#menu ul ul ul li:hover li {
display:block;
}

Vorrei sapere se qualcuno sa come far funzionare il 5 livello quello che ho scritto in grassetto.
Vi allego anche il link del sito cosi potete vedre di che ho bisogno:
Tecnofluid

Grazie a tutti avrei bisogno di una risp urgente...

[Labtech]

Non capisco come colleghi i menu alle classi. Comunque nella parte in grassetto, la parte ../ significa che passi alla cartella superiore, sicuro siano la i file richiamati?

[principinocry]

Originariamente inviato da Labtech
Non capisco come colleghi i menu alle classi. Comunque nella parte in grassetto, la parte ../ significa che passi alla cartella superiore, sicuro siano la i file richiamati?

il problema non è nel apertura dei link.
ma in quanto la 5 tendina non funziona, non si nasconde, rimane sempre a vista. hai visto il sito?

il menù e le classi erano già cosi nel dropdawn che ho copiato.... quindi non ti saprei dire.

[Labtech]

Sul sito l'unico menu che si apre a tendina è il terzo ossia Prodotti

Non capisco il problema forse, io apro il sito e vedo solo i titoli del menu, poi se scorro sopra solo prodotti si apre a tendina

[principinocry]

Originariamente inviato da Labtech
Sul sito l'unico menu che si apre a tendina è il terzo ossia Prodotti

Non capisco il problema forse, io apro il sito e vedo solo i titoli del menu, poi se scorro sopra solo prodotti si apre a tendina

se vai in prodotti --> compressori-->pistoni li ti si apre sia il menù Lubrificati che il menù in questione. a me servirebbe questo:

Prodotti --> compressori-->pistoni --> Lubrificati --> Automan e LE LT il menù in grassetto si dovrebbe aprire quando passo il mouse sopra lubrificati e non quando lo passo su pistoni.

ora è chiaro?

[principinocry]

mi avete abbandonato ????

[Mich_]

Ho visto.
Ma ho anche visto che il menu in questione finisce fuori dall'area visibile (sto dicendo che il sito e` troppo largo)

Comunque nel tuo CSS ci sono delle cose strane:
1. devi verificare di avere due (o tre a seconda degli effetti voluti) entrate per ogni livello: una a riposo ed una con l':hover (nell'ordine)
2. devi controllare l'ordine: un menu piu` interno, deve essere citato nel CSS dopo quelli piu` esterni

In pratica dovresti avere i seguenti selettori (l'ordine e` significativo):

#menu
#menu ul
#menu li
#menu li a
#menu li a:hover

#menu ul ul
#menu ul li
#menu ul li:hover

#menu ul ul ul
#menu ul ul ul li
#menu ul ul ul li:hover

#menu ul ul ul ul      /* non so, forse ho esagerato con gli ul e questo gruppo va tagliato */
#menu ul ul ul ul li
#menu ul ul ul ul li:hover

[principinocry]

il sito ha una risoluzione di 1024, la cosa mi sembra parecchi strana che non lo visualizzi tutto! proverò come dici te e vedremo.