bouton css

bouton css - HTML/CSS - Programmation

Marsh Posté le 22-03-2004 à 19:41:16    

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 :
  1. #menu li a {
  2.   text-align: center;
  3.   padding-top: 2px;
  4.   padding-bottom: 2px;
  5.   display: block;
  6.   margin: 25px;
  7.   height : 50px;
  8.   width: 150px;
  9.   border: solid #d6daeb 2px;
  10.   background: #4863a0; 
  11.   color: #d6daeb;
  12. }


 
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 !

Reply

Marsh Posté le 22-03-2004 à 19:41:16   

Reply

Marsh Posté le 22-03-2004 à 21:03:59    

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 :
  1. #menu li a {
  2.   text-align: center;
  3.   padding-top: 2px;
  4.   padding-bottom: 2px;
  5.   display: block;
  6.   margin: 25px;
  7.   height : 50px;
  8.   width: 150px;
  9.   border: solid #d6daeb 2px;
  10.   background: #4863a0; 
  11.   color: #d6daeb;
  12. }


 
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 !


je croit que ça devrait le faire :

Code :
  1. 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.
Reply

Marsh Posté le 26-03-2004 à 17:51:17    

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+

Reply

Marsh Posté le 26-03-2004 à 18:23:06    

Reply

Marsh Posté le 27-03-2004 à 14:17:44    

le table cell marge sous mozilla mais pas sous ie !
 
par contre le margin n'est plus pris en compte, est ce normal ?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed