Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: yveslens le le 23-12-2004 a 16:06:54

Titre: PB Centrage
Posté par: yveslens le le 23-12-2004 a 16:06:54

Bonjour
j ai fait un boutonn pour un lien avec une feuille de style. Le rool over du bouton fonctione mais impossible de cnetrer le texte en vertical qui peux m aider
ci joint css

ci joint le css rubrique
.Rubrique{
   font-family: Verdana;
   font-size: 12px;
   font-style: normal;
   line-height: 20px;
   font-weight: normal;
   color: #333366;
   background-image: url(images_generales/bouton_normal.jpg);
   background-repeat: no-repeat;
   background-position: center bottom;
   text-align: center;
   height: 50px;
   width: 130px;
   display: block;
   vertical-align: middle;
   
}le rubrique hover est idem
limagae fait 50sur 130et elle est dans un tab de mem dimension

Merci

Titre: Re:PB Centrage
Posté par: naha le le 23-12-2004 a 20:39:42

vertical ça ne marche pas. Met plutot du padding (top ou bottom)

Titre: Re:PB Centrage
Posté par: PsyKoTiK le le 04-01-2005 a 11:57:02

Citation de: naha le le 23-12-2004 a 20:39:42
vertical ça ne marche pas. Met plutot du padding (top ou bottom)


ereur ! vertical-align fonctionne ! mais que sous Firefox qui est un navigateur qui évolue et s'adapte aux langages de programmations ( pas comme IE qui en est loin ! )

++

Titre: Re:PB Centrage
Posté par: jb_gfx le le 23-04-2005 a 16:12:55

"vertical-align" fonctionne trés bien sous IE et firefox et sert à aligner le texte par rapport à la ligne de base (hauteur de ligne). Ce n'est pas du tout destiné à aligner des blocs verticallement.

Pour l'exemple :


Code:

line-height: 50px;
height: 50px;
width: 130px;
display: block;
vertical-align: middle;


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.