28173 sujets

CSS et mise en forme, CSS3

[Résolu]Problème d'alignement

Bonjour !

Je débute en CSS et j'ai fais des boutons en CSS pour mon nouveau site.
Les boutons fonctionnent mais j'ai un problème : le texte des boutons est aligné en haut et j'aimerais bien qu'il soit au milieu mais je n'y arrive pas... Je suis sur que c'est tout simple mais après plusieurs recherche j'ai rien trouver !
Voila le code :

a.bouton {
  margin: 0 0 3px 0;
  display: block;
  color: #38B0DE;
  width: 170px; 
  height: 38px;
  text-align:center;
  background-color: #000080;
  text-decoration: none;  
  background-image: url(img/menu.png);
  font-size: 14px;
}

J'ai essayer avec vertical-align mais ca ne marche pas


Merci d'avance
Ludo
Modifié par ludoboss (21 Jan 2007 - 17:47)
Salut.

Essaie 
line-height: 38px;
Ou mieux (pour gérer l'agrandissement du texte), ajuste la position du texte en utilisant les padding :
padding: 5px 0;
par exemple
Thomas D. a écrit :
Salut.

Essaie 
line-height: 38px;
Ou mieux (pour gérer l'agrandissement du texte), ajuste la position du texte en utilisant les padding :
padding: 5px 0;
par exemple


Merci pour ta réponse super rapide !
J'ai mis :
line-height: 35px;

car 38px le texte était trop bas et le padding agrandisser la "boite du lien" et du coup le background dépassé mais avec 35px ca marche nickel !

Merci !!!
Sujet clos
Aller à