bouton css

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : bouton css

wong_sifu

Bonjour,

Je cherche à faire des boutons en css2. Mais le problème est que le texte ne se centre par verticalement dans ce bouton...

Code :

#menu li a {
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
display: block;
margin: 25px;
height : 50px;
width: 150px;
border: solid #d6daeb 2px;
background: #4863a0;
color: #d6daeb;
}

En fait, le problème se pose car le texte du bouton à des longueurs variable et peut-être sur deux lignes.

J'ai cherhcé sur le web mais les seuls trucs que j'ai trouvé c'est centrer un bloc dans une page mais là j'arrive pas.

Merci de votre aide et à bientôt !

Publicité

Lorr Hyde

L'univers est trop grand Zut !

wong_sifu a écrit :

Bonjour,

Je cherche à faire des boutons en css2. Mais le problème est que le texte ne se centre par verticalement dans ce bouton...

Code :

#menu li a {
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
display: block;
margin: 25px;
height : 50px;
width: 150px;
border: solid #d6daeb 2px;
background: #4863a0;
color: #d6daeb;
}

je croit que ça devrait le faire :

Code :

vertical-align : middle;

bonne chance

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.

wong_sifu

Cela ne marche pas !

Il faut pouvoir se mettre en mode table-cell, je crois, mode non supporté par ie.

Une autre idée ?

A+

antp

Super Administrateur
Champion des excuses bidons

http://incongru.webdynamit.net/VerticalAlign

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

wong_sifu

le table cell marge sous mozilla mais pas sous ie !

par contre le margin n'est plus pris en compte, est ce normal ?

FORUM HardWare.fr

Programmation

HTML/CSS

bouton css

Sujets relatifs
Bouton envoyer pour poster un mail !! Dans un email recu	Inserer une icone a un bouton
réussir à faire fermer une fenêtre avec un bouton situés sur une autre	bouton submit : me maile un form et renvoie à l'accueil, comment ???
bouton envoyer et lien supplémentaire--> m'en sors toujours pas !	bouton "submit" avec lien supplémentaire???
transformer un bouton en lien	Modification Bouton
[html][newb inside] personaliser un bouton radio	Besoin d'un bouton rotatif
Plus de sujets relatifs à : bouton css

Page générée en 0.044 secondes