Discussion :

[diaboloche]

Bonjour,

Je me base sur ce tutoriel : http://css.developpez.com/cours/menuderoulant/

Je souhaiterais afficher ce menu de façon verticale et plus horizontale.
Je n'ai pas de grande connaissance CSS et je patauge un peu.

Je me focalise sur ce bout de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
#menuDeroulant
{
 width: 100%;
 list-style-type: none; /* Apparence de la puce -> Aucune */
 margin: 0;
 padding: 0;
 border: 0;
}

Que dois-je spécifier pour qu'il passe à la ligne à chaque item ? Par défaut je pensais que cela était le cas, et je ne vois pas où il redéfinit cela...

Si quelqu'un peut m'aider ! Grand merci et bonne journée à tous.

[clb56]

Salut,

tu enlèves le float:left; de #menuDeroulant li

Sinon la déclaration de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#menuDeroulant
{
 list-style-type: none; /* Apparence de la puce -> Aucune */
 margin: 0;
 padding: 0;
}

est trop radicale, l'initialisation des listes n'a besoin que de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
#menuDeroulant
{
 list-style-type: none; /* Apparence de la puce -> Aucune */
 margin-left: 0;
 padding-left: 0;
}

cela vaut surtout pour la propriété margin.