28114 sujets

CSS et mise en forme, CSS3

Bonjour,
Avec une liste classique qui comporte des li qui peuvent être sur 2 lignes, la puce est bien calée face à la ligne du haut avec Firefox mais se place au milieu des 2 lignes avec IE6.
J'ai placé ça pour tenter d'arranger :
li {vertical-align: text-top;}

Cela ne change rien sous Firefox (tant mieux) et sur IE6 la puce est plus haut que la première ligne de li.

Je ne suis pas sûre en plus que vertical-align soit bien adapté…

Si vous avez une astuce, merci d'avance.
Salut,

J'utilise tout simplement un alignement relatif.
Si la taille du texte augmente, elle aura proportionnellement toujours la même position.
Si la taille de mon texte est fixée à 1em, je positionne ma puce à 0.5em pour la position verticale, et la puce se place alors au milieu. Après il faut ajuster par rapport à la hauteur de la puce bien évidemment.
Smiley cligne