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?
vi allego anche il codice css:<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]
Vorrei sapere se qualcuno sa come far funzionare il 5 livello quello che ho scritto in grassetto.#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;
}
Vi allego anche il link del sito cosi potete vedre di che ho bisogno:
Tecnofluid
Grazie a tutti avrei bisogno di una risp urgente...