Ciao a tutti
vorrei implementare un menu verticale con voci e sottovoci , le sottovoci devono
essere rientrate di un certo spazio rispetto alla propria voce padre .
Io l'ho implementata in questo modo , il tutto come sempre funziona bene su firefox
ma non su IE infatti quando inserisco una sottovoce IE mi lascia una riga vuota tra la voce
e la rispettiva sottovoce vi posto qui del codice sia css che html
codice CSS
codice:
#BloccoMenu
{
float:left;
width:15%;
background-color:#000000;
color:#FFFFFF;
background-image:url(angolo.gif);
background-position:top right;
background-repeat:no-repeat;
padding:5px 0px 5px 0px;
}
#BloccoMenu ul
{
margin:0px;
padding:0px;
font-family:fantasy;
list-style:none;
}
#BloccoMenu ul ul {font-size:95%; }
#BloccoMenu ul li { margin-left:15px;}
#BloccoMenu ul li a{ text-decoration:none; color:#FFFFFF; }
#BloccoMenu ul li a:hover { text-decoration:underline; }
codice HTML
codice:
<div id="BloccoMenu">
<ul>
[*]Prima Voce[*]
<ul>[*]sottoVoce1
[*]sottoVoce2[/list]
[*]Seconda Voce
[*]TerzaVoce
[/list]
</div>
Secondo me interpretano gli[*] in modo diverso ma non se sono molto convinto