Bonjour,
comme il me l'a été conseillé de faire mon menu avec des UL et Li , c'est ce que je suis en train de faire , mais voila quand je veux habiller mes ul et li avec du css , j'ai des ptis soucis , voila mon prob :

xhtml
<ul>
<li>.................</li>
<li>....................</li>
</ul>

css
#gauche ul {
list-style-type:none;
margin-left:0;
margin-bottom:5;
margin-top:0;
}
#gauche li {
background-color:#9BA3B0;
width: 200;
margin-left:20;
}

1 je souhaite mettre mon li a 5px du bord , mais avec la regle margin cela ne fonctionne pas

2 je veux mettre une barre blanche en dessous de chaque li , et ce avec la regle border-bottom , cela ne fonctionne pas non plus

3 je donne une valeur de 200px a li et si j'ecris dans mon xhtml une ligne de 15 metres le li s'agrandit , ne doit il pas bloquer et revenir à la ligne, ou sinoon comment faire ?

merci .
a+

1/ Utilise text-indent : text-indent: 5px; dans le css de ton li

2/ La ligne en dessous est censé faire quoi ?
Souligner ou délimiter un bloc ?

3/ width: 200px; T'as oublié le px

salut,
oui tas raison pour le px
pour ce qui est du trait c'est juste pour délimiter .
le text-ident n'est pas cesser être utiliser dans un li , non ? ( j'essaie , je pense cela va fonctionner)

1/ Utiliser margin mais avec une unité (ps : utilise plutôt "margin: 0 0 5px;" c'est plus cliar et ça te fais économiser en code)

2/ Précise une unité à ta bordure.

Genre :

border-bottom : white 1px solid;