Page 1 sur 1

obtenir la validation w3c et aérer une liste à puce

Publié : 25 déc. 2007, 22:32
par donald7
bonjour

je voudrais aérer une liste à puce. La seule méthode que j'ai trouvé est d'ajouter des balises <br> mais cela me fait perdre la validation w3c :cry:

y a t il un autre méthode :?:

voila un image de deux listes, la premiere sans saut de ligne et la deuxieme avec saut de ligne

Image
et voila le code litigieux :?

Code : Tout sélectionner

<body>
<p>ceci est une liste à puce</p>
<ul><li>voici le premier item sur la liste</li>
<li>puis le deuxième item</li>
<li>et enfin le dernier&nbsp; item</li>
</ul><p>ceci
n'est plus une liste a puce</p>
<p>ceci est une deuxième à puce</p>
<ul><li>voici le premier item sur la liste suivi d'une balise br pour retour a la ligne </li><br>
<li>puis le deuxième item avec egalement un retour a la ligne</li><br>
<li>et enfin le dernier&nbsp; item</li>
</ul><p>ceci
n'est plus une liste a puce</p>
</body>
je suis preneur d'une solution !

merci

donald


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11

Publié : 25 déc. 2007, 22:42
par donald7
bon j'ai trouvé

Code : Tout sélectionner

li {
  margin-bottom: 1em;
}
merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.11) Gecko/20071127 Firefox/2.0.0.11

Publié : 25 déc. 2007, 23:32
par jpbardiau
Bonsoir,
ceci fonctionne aussi :

Code : Tout sélectionner

<ul style="line-height: n;">
où n est un nombre entier ou décimal supérieur ou égal à zéro.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9b2) Gecko/2007121016 Firefox/3.0b2

Publié : 27 déc. 2007, 09:49
par Mongo Bob
une hauteur de ligne pour le <ul>, ben oui, jamais pensé à ça, tiens donc!