Buongiorno
ho un menù di questo tipo
codice:
<ul>[*]voce1
<ul>[*]sottovoce11[*]sottovoce12[*]sottovoce13[/list]
[*]voce2
<ul>[*]sottovoce21[*]sottovoce22[*]sottovoce23[/list]
[/list]
Vorrei che voce 1 e voce 2 si vedessero uno sopra all'altro e le sottovoci si vedessero alla loro destra allineate orizzontalmente. non riesco a farlo... non capisco dove sbaglio...
codice:
ul {
margin: 0px;
padding: 0px;
float: left;
}
ul li {
list-style-type: none;
height: 25px;
width: 200px;
margin-right: 5px;
margin-bottom: 5px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
ul li ul {
float: left;
}
ul li ul li {
float: left;
display: inline;
}
ul li ul li a {
display: block;
height: 25px;
margin-right: 5px;
margin-bottom: 5px;
}