Menu ul vertical

[Protanim]

Bonjour,

J'aimerais obtenu le même résultat que ce menu horizontal mais en vertical.
Que faut il remplacer ?

Code: Tout sélectionner

ul#menu
{
   height: 30px ;
   margin: 0 ;
   padding: 0 ;
   list-style-type: none ;

}

ul#menu li
{
   float: left ;
   text-align: center ;
   background-image: url(images/b3.jpg');
}

ul#menu li a
{
   width: 87px ;
   line-height: 30px ;
   font-size: 11px;
   font-family: Tahoma;
   font-weight: bold ;
   letter-spacing: 2px ;
   color: #214E90 ;
   display: block ;
   text-decoration: none ;
   border-right: 0px solid #dea ;
}

Merci beaucoup

[MarvinLeRouge]

Salut,

1) Si tu ne mets pas les li en float, ils se mettront les uns sous les autres
2) Et ils occuperont toute la largeur de leur parent direct, puisque ce sont des éléments de type block

(Eh non je ne donne pas de soluce toute faite )

[Luj]

c'est la ligne : "float: left ;" qui met les éléments bout à bout (en les alignant à gauche)

question à voir : que fait le "display: block ;" ? peut être que ça joue aussi... je ne sais plus.

pour ma part, je remercie encore les tutos d'alsacreations..

[Protanim]

Merci à vous deux

Je voulais pas de solution toute faite de toute façon, c'est le meilleur moyen pour ne pas apprendre et ne pas savoir refaire un truc. Alors t'as bien fait