28172 sujets

CSS et mise en forme, CSS3

Souci de calage d'un span dans un button (espace en haut de 1px)

Bonjour à tous !
Je suis nouvelle sur ce foru même si alsacréation est une de mes références (je le consulte dès que j'ai un souci).
Je dois dire que cette fois-ci je n'ai pas trouvé mon bonheur (peut-être ai-je mal cherché ?). J'ai un souci de calage avec un button, en fait le site est monté sous magento et je n'ai pas le droit de modifier le code, je n'ai accès qu'au css.
Le code se présente comme suit :
<button class="form-button" type="submit">
<span>Valider</span>
</button>

Mon bouton est extensible.
le style de mon bouton :
 
 background: url(../images/design/bg-btn.gif) no-repeat 0 -23px;
 height:23px;
 border:0;
 padding:0 0 0 10px;
 color:#fff;
 border:0;
 font:bold 12px arial, sans-serif;
 text-align:center;
 vertical-align:middle;
 float:left;

pour le span :
 
 background: url(../images/design/bg-btn.gif) no-repeat 100% 0;
 height:15px;
 padding:5px 14px 4px 0;
 color:#fff;
 font: 12px arial, sans-serif;
 cursor:pointer;
 text-align:center;
 float:left;

J'ai essayé pas mal de combinaison, le float sur le span fonctionne sur ff, mais sur IE ca décale systématiquement d'un px en haut....
Auriez-vous déjà rencontré ce souci ??
Merci d'avance !
Kaki
Non non c'est bien le button qui rajoute un espece de padding-top de 1px, enfin y'a pas de padding mais ça vient du button je crois et pas de l'image j'en suis sûre Smiley smile
Bonjour,

Je rencontre exactement le même problème que toi! Je développe également sous Magento. As-tu trouvé une solution?
Merci
J'ai du refaire tous les boutons !!!

Maintenant ils sont comme suit :

<button class="form-button">
<em>
<span>Ajouter au panier</span>
</em>
</button>

Bon je sais c'est pas optimal comme code mais je n'avais pas trop le choix :'(
Sujet clos
Aller à