J'ai une liste à puce
<ul><li></li></ul>
 
à chaque puce il y a un texte qui s'affiche sur une ou deux lignes.
Je dois centrer verticalement le texte quand celui-ci ne passe que sur une ligne, le bémol, c'est que la puce est une image en background qui fait au minimum 24 px, et donc je dois passer la taille de mon bloc à 24px, et aussi le min-heigt à 24px.
Mais le problème qui se pose c'est que le texte reste calé en haut de mon bloc LI, et non centré malgré l'utilisation du vertical-align.  
Mais bien entendu, le vertical-align ne permet de centrer les élément que par rapport à la hauteur de la ligne, d'où l'utilisation d'un line-height:24px, mais si le texte passe à 2 lignes cela casse totalement la mise en page de départ.
 
le code

 
si quelqu'un à une idée lumineuse je suis tout ouïe.

Peut-être en essayant

c'est pas le background que je veux centrer, ça il l'est déjà depuis longtemps, c'est le texte.
jusqu'à maintenant j'utilisait le ligne height, mais là ca pose grandement problème.

La solution idéale est de combiner :
- display : table-cell
- vertical-align : center
 
Ça résoud parfaitement le problème... aheum sauf sur *certains* navigateurs un peu disons en retard comme IE6 (et le futur IE7 apparemment aussi)

ben oué j'y avais pensé, et j'aimerai bien faire des mises en page avec des tabele-cell, mais ya toujours un putain de navigateur de merde (IE6) qui ne veut rien savoir

Ah ben tiens, je n'avais pas vu que le problème avait déjà été posé ici sur des <li>
J'ai exactement le même problème ici:
http://forum.hardware.fr/hardwaref [...] 9674-1.htm

 
Je vais sûrement dire une connerie, mais... un padding-top ça ne decalerait pas ton texte vers le bas ?

bien sur que l'on peut modifier le padding-top (ou le margin d'ailleurs) mais ca ne regle le Pb que pour un cas de figure (un ligne ou deux ligne) or si on veut pouvoir afficher aussi bien les deux cas de figure ca ne résoud rien!
 
+1 pour trouver une soluce!
 
gatsusat, toi qui est le pro du javascript tu peux pas nous faire un javascript qui teste le nb de caracteres d'un champs, qui en deduit le nb de ligne pour adapter le padding / margin  

mechkurt > Et comment tu fais pour savoir la taille que vont prendre chaque caractére (un i prend moins de place qu'un W) sachant que les navigateurs peuvent être réglé avec de nombreuses tailles de caractéres et que la taille de la fenêtre varira d'un visiteur à l'autre?

damn it!
 
bon en fait c'était plus une soluce a la con, et je m'attendais pas plus que ca à une réponse sérieuse...
 
EDIT:en même temps avec une police a chasse fixe et dans un champs dont on connait la largeur...
 
...me cherché pas, je suis déjà dehors