[résolu]Passer des lignes dans une liste à puce

Bonjour à tous !!

J'aimerais passer des lignes dans une liste à puce de tel façon à ce que ce soit visible sur un maximum de navigateur.
Ce problème n'a pas l'air bien compliquer mais l'utilisation des balises <br/> est incorrecte dans la norme xhtml 1.0 et le fait de rajouter des balise <li></li> bouleverse la numérotation des étapes.

Voici mon code :


<ol>
<li>Etape n°1</li>
<li>Etape n°2</li>
<li>Etape n°3</li>
</ol>


J'aimerais connaitre un moyen correcte de passer une simple ligne entre chaque étape

Merci de votre aide...
Modifié par Kibitoya (05 Apr 2007 - 21:02)

Salut,

Je ne suis pas sur de bien comprendre ton problème expliqué comme ca.
En revanche, <br /> est tout à fait valide en xhtml 1.0, pour peu que l'écrive comme précédemment, sans oublier l'espace avant le slash.

Non la balise <br /> n'est pas valide dans une liste à puce lorsqu'elle se trouve à l'extérieur de 2 balise <li> et à l'intérieur de 2 balise <ol>
Et l'espace avant le slash ne change rien à la situation...

Voici le message d'erreur du validateur W3C



Je rappel que je souhaite simplement espacer chacune de mes étapes pour plus de visibilité...

Hello,

Ce que voulait dire Mikachu, c'est de placer un <br /> dans l'élément de liste <li>.
Par exemple :

<li>blabla<br />blibli</li>

Sinon, il suffit tout simplement d'indiquer une marge à chaque élément de liste.
Par exemple :

li { margin-bottom: 1em }

Ou encore de régler l'interligne général au sein de la liste :

ul { line-height : 2em }

Modifié par Raphael (05 Apr 2007 - 20:13)

Ah oui effectivement cela fonctionne bien

Merci beaucoup à vous

Oui c'est ce que je voulais dire, merci Raphael.

Sinon Kibitoya, tu considères que ce sujet est [Résolu] ?

Oui ce sujet est résolu
Désolé de ne pas l'avoir signalé avant

Merci pour votre aide ^^