Salve,
sto utilizzando un menu che non utilizza i sottolivelli, e vorrei mantenere le stesse caratteristiche aggiornandolo con un menu con sotto livelli.
La parte html mia è cosi composta
Penso sia corretto, sul css invece io studiando quest'esempio ho solo un menu ad un solo livello,come posso modificarlo per renderlo multilivello?
codice:
body {
}
p,ul {padding-bottom: 1.2em;}
li {list-style: none;}
/* Corpo Principale */
.main {
border-top: 4px solid #FFF;
background: url(img/bgmain.gif) repeat-y;
}
.nav {
float: left;
width: 210px;
}
.nav h2 {
color: #5A5A43;
font-size: 1em;
line-height: 30px;
margin: 0;
padding-left: 12px;
}
.nav ul {
padding: 0;
border-top: 1px solid #EAEADA;
}
.nav li {
border-bottom: 1px solid #EAEADA;
}
.nav li a {
font-size: 1.1em;
color: #554;
display: block;
padding: 8px 0 8px 5%;
text-decoration: none;
width: 95%;
}
.nav li a:hover {
background: #F0F0EB;
color: #654;
}
Grazie