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)
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
grenault
Le #23813351
Le 02/10/2011 14:19, Une Bévue a écrit :
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 :
Ce que je souhaite :
soit 3px plus haut

Ma page d'essai (non fonctionnelle) :




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
unbewusst.sein
Le #23813971
grenault
Oui. Moi je les mets dans un div et ensuite il faut jouer sur les
largeurs. On y arrive avec un peu de patience...



OK, merci.


--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)
Y.D.
Le #23814111
Le 02/10/2011 14:19, Une Bévue a écrit :
J'ai deux classes de boutons "normal" et "tiny" et je souhaiterais les
aligner[...]



Et en ajoutant dans les css, pour tous les boutons (mais surtout
le plus grand) :

vertical-align: middle;

--
Y.D.
unbewusst.sein
Le #23814101
grenault

Oui. Moi je les mets dans un div et ensuite il faut jouer sur les
largeurs. On y arrive avec un peu de patience...



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)
unbewusst.sein
Le #23814091
Y.D.
Et en ajoutant dans les css, pour tous les boutons (mais surtout
le plus grand) :

vertical-align: middle;



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)
unbewusst.sein
Le #23814131
Y.D.
Et en ajoutant dans les css, pour tous les boutons (mais surtout
le plus grand) :

vertical-align: middle;



Super, merci beaucoup !!!

--
« La gloire n'est pas de ne jamais tomber, mais de
se relever chaque fois que l'on tombe. »
(Proverbe chinois)
Publicité
Poster une réponse
Anonyme