bonjour,
J'ai une petit soucis,
voici l'exemple http://bibi35.free.fr/
 
Je voudrai que mon texte "index" soit centré verticalement dans mon bouton.
J'utilise un padding-right dans le span du text afin qui soit centrer par rapport au dessin mais si je veux mettre un margin-top pour bien placer "index", il ne le prend pas en compte.
 
Pourriez vous maider sur ce coup svp. Merci

Salut,
 
Il faut éviter les padding dans ton cas car ils vont provoquer un problème de modèle de boite.
 
La réponse à ta question est la propriété line-height :
http://forum.alsacreations.com/faq/#item3

hum merci, tu repond bien a ma question mais en fait ce n'est pas un centrage que je veux.
comme tu peux voir avec line-height, il centre verticalement par rapport a l'image et comme tu peux voir mon image possede des ombres donc je doit tricher en quelques sortes :s
 
autrement aurai tu une idée pour remplacer le padding stp ?

Tu n'es pas obligé d'utiliser line-height pour centrer. Rien ne t'empêche de modifier la valeur pour placer comme tu veux.

Bon je viens de trouver le truc avec le line-height, (avant je supprimai mon height quand jutilise line-height)
je doit venir a quelque chose comme ca
 
height: 32px ; /*hauteur de mon bouton*/
line-height: 28px ; /*permet un centrage verticale du texte*/
 
Cela fonctionne a présent, mais je le ne pige la chose sur les paddings, dans ce cas présent, je doit forcément l'utilisé sinon mon texte aura un décalage horizontale vers la droite.

Tu as essayé text-indent ?

Ne fonctionne pas dans le cas présent.
De toute facon mon padding ne gene vraiment pas dans ce que je veut donc je crois que je vais rester avec ca pour linstant.
Merci a toi