problema con menù css

  • Creatore Discussione Creatore Discussione lano
  • Data di inizio Data di inizio

lano

Nuovo Utente
15 Feb 2011
2
0
0
Salve Ragazzi sono qua per chiedervi sempre il vostro aiuto!!
io ho impostato il seguente menù con i css da una lista ordinata:

<div id="menu01v">
<ul>
<li><a href="#">Cos'é il...</a></li>
<li><a href="#">Ciclo Biologico</a></li>
<li><a href="#">Le Specie</a>
<ul>
<li><a href="#">Link...</a></li>
<li><a href="#">Link ..</a></li>
<li><a href="#">Link...</a></li>
<li><a href="#">Link...</a></li>
<li><a href="#">Link...2</a></li>
<li><a href="#">Link ..</a></li>
</ul></li>
<li><a href="#">Le Piante</a></li>
</ul>
</div>

il quale ho applicato le seguenti regole css:
#menu01v {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
width: 160px;
margin-left: 20px;
}
#menu01v ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu01v ul li {
margin: 0px;
padding: 0px;
font-size: 1.1em;
display: inline;
}

#menu01v ul li a {
color: #666;
text-decoration: none;
display: block;
width: auto;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999;
padding-top: 5px;
padding-right: 0;
padding-bottom: 2px;
padding-left: 10px;
}
#menu01v a:hover , #menu01v a:focus ,#menu01v a:active {
color: #41545F;
border-color: #999;
padding-left: 20px;
text-transform: uppercase;
background-color: #DEDBDC;
}
#menu01v ul ul, #menu01v ul li:hover ul ul, #menu01v ul ul {
position: absolute;
left:218px;
visibility:hidden;
top: 260px;
}
#menu01v ul li:hover ul, #menu01v ul ul li:hover ul{
visibility:visible;


Il risultato non è male ma volevo capire come si fa a far rimanere in stato di hover quando vado nel secondo livello (Link...) il livello superiore (Le Specie)...
se ci sono errori nella mia sintassi o migliorie che si possono fare, tutti i consigli sono bene accetti!!! sono ancora alle prime armi...
Grazie mille in anticipo
Lano
 
Hii

All the boxes in the framework have a specific width and margin and this creates the grid look and feel. However, sometimes you want to create a “box” or just want to add padding to your div.

As in any framework, this isn’t possible in the regular way. When you add padding to the div, the div will become wider and this will screw up your whole grid layout.


Thanks

stone cladding adelaide
 

Discussioni simili