28172 sujets

CSS et mise en forme, CSS3

Ul avec list-style-image + span en float:right : comportement bizarre

Bonjour tout le monde,

J'utilise une liste UL pour afficher les derniers commentaires de notre forum...
Voici à quoi ressemble le code très simplifié:

HTML : 
<ul>
<li><span>date 1</span>titre1</li>
<li><span>date 2</span>titre2</li>
<li><span>date 3</span>titre3</li>
</ul>
Et CSS : 
ul li span{
float:right;
}


Concrètement, la date est alignée à droite. Tout marche bien lorsque qu'il n'y a pas de puce associée aux éléments de la liste. Avec donc un style css ul {list-style-type: none;}
upload/2178-2.jpg

Par contre à partir du moment ou je spécifie une image pour les éléments de la liste avec l'option list-style-image : url(puce.gif); J'obtiens ca :
upload/2178-1.jpg

Quelqu'un a une idée d'où pourrait venir le problème ?
Modifié par MysTinuX (15 Feb 2008 - 16:45)
Benjamin D.C. a écrit :
Avant de passer à la mise en forme, il faudrait commencer par virer ces label qui n'ont rien à faire là…

Ok sur le principe, mais bon, que j'utilise une DIV, un span ou une autre balise, le problème reste le même... D'ailleur sur mon bout de code, j'utilise un span, et non un label... bref.
Si quelqu'un avait une solution au pb, ca serait sympa de m'en faire part.

Et le label est réservé pour quel genre d'info d'ailleurs? Uniquement des textes associés à des formulaires ou à des fieldsets ?
Modifié par MysTinuX (15 Feb 2008 - 16:46)
MysTinuX a écrit :
Et le label est réservé pour quel genre d'info d'ailleurs? Uniquement des textes associés à des formulaires

Oui, grâce au couple d'attributs for/id.
Sujet clos
Aller à