Alignez des boutons
Le
unbewusst.sein

J'ai deux classes de boutons "normal" et "tiny" et je souhaiterais les
aligner, j'ai essayer de mettre les tiny dans un span et ajouter margin
et/ou padding, pas d'effet
Ce que j'ai :
<http://cjoint.com/11oc/AJconf21Gv5_actuel.JPG>
Ce que je souhaite :
<http://cjoint.com/11oc/AJconPCnsiz_voulu.jpg>
soit 3px plus haut
Ma page d'essai (non fonctionnelle) :
<http://studio.quatorze.free.fr/buttons/imageless-css-buttons-mvc.html>
--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)
aligner, j'ai essayer de mettre les tiny dans un span et ajouter margin
et/ou padding, pas d'effet
Ce que j'ai :
<http://cjoint.com/11oc/AJconf21Gv5_actuel.JPG>
Ce que je souhaite :
<http://cjoint.com/11oc/AJconPCnsiz_voulu.jpg>
soit 3px plus haut
Ma page d'essai (non fonctionnelle) :
<http://studio.quatorze.free.fr/buttons/imageless-css-buttons-mvc.html>
--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)
Oui. Moi je les mets dans un div et ensuite il faut jouer sur les
largeurs. On y arrive avec un peu de patience...
--
http://www.grenault.net/trucs-et-astuces.htm
OK, merci.
--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)
Et en ajoutant dans les css, pour tous les boutons (mais surtout
le plus grand) :
vertical-align: middle;
--
Y.D.
Bon j'y suis parvenu :
tout simplement en jouant sur le padding car les boutons n'ont pas la
même hauteur de caractère.
ce que je ne comprends pas, basiquement, c'est la position d'une div
imbriquée dans une autre...
margin et padding peuvent déborder de la div contenante ?
--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)
ben dans la div contenante, les gros boutons sont bien centrés
verticalement.
le problème est que la ligne de base du texte est la même et d'un côté
j'ai :
font-size:1.0em; (gros bouton)
de l'autre :
font-size:0.5em; (petit bouton)
j'y suis parvenu en trichant sur le padding :
padding: 0px 6px 3px 6px; (gros bouton)
padding: 8px 1px 4px 1px; (petit bouton)
du coup ils ont la même hauteur, ce qui ne me gène pas : je souhaite
qu'ils soient étroits car j'ai peu de place en largeur.
mais j'essaie le vertical-align.
--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)
Super, merci beaucoup !!!
--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)