Titre: Vertical-align
Posté par: FP57 le le 01-02-2008 a 20:15:23
Bonjour,
Je suis un nouveau membre, je me suis inscrite cet après-midi et j'ai déjà besoin de votre aide.
J'ai créé des boutons en css avec un texte dedans.
Dans IE ;), pas de problème, le texte se retrouve bien au milieu du bouton en mettant line-height: 35px (35px étant la hauteur du bouton).
Mais ça ne marche pas dans Firefox >:(, alors j'ai essayé vertical-align: middle.
Le texte se retrouve toujours tout en bas du bouton.
Est-ce que quelqu'un pourrait me dire comment on fait pour faire comprendre à Firefox >:( >:( >:( que quand on met un texte à l'intérieur d'un bouton, on voudrait bien qu'il soit centré verticalement ???
Merci d'avance pour vos réponses et bonne soirée.
|
Titre: Re:Vertical-align
Posté par: MarvinLeRouge le le 03-02-2008 a 14:10:02
Salut,
a) Pourrais-tu donner une url de test afin qu'on voie précisément ton cas ?
b) dis-toi bien qu'en ce qui concerne les css, si firefox te dit un truc et ie un autre, tu as 99,99% de probabilités que firefox ait raison |
Titre: Re:Vertical-align
Posté par: FP57 le le 04-02-2008 a 18:19:57
Bonjour MarvinLeRouge, merci pour ta réponse.
Entre temps, j'ai bidouillé, et je suis arrivée à ce que mon texte soit centré verticalement dans mon bouton :
Code:
p
{
vertical-align: middle;
margin-bottom : 10px;
} |
|
Comme ça, c'est centré normalement dans IE et Firefox.
C'est très nul ?
Pour la page de test, je ne vois pas bien comment je peux faire pour l'instant, parce que c'est en plein chantier et qu'il y a encore beaucoup de choses qui ne vont pas.
Bonne soirée ! |
Titre: Re:Vertical-align
Posté par: FP57 le le 04-02-2008 a 20:01:36
Ouh là là, je relis mon message et je m'aperçois que j'ai écrit n'importe quoi (j'étais au travail).
Mon code, c'est :
Pour le bouton :
Code:
#motscaches
{
float: left;
width: 160px;
height: 35px;
background-color: #DCDC99;
border: 3px outset #DCDC99;
}
|
|
Pour le texte du bouton :
Code:
#motscaches p
{
line-height: 35px;
margin-top: 0;
}
|
|
Donc, c'est avec line-height: 35px et margin-top: 0 que j'arrive à ce que mon texte soit bien centré verticalement dans mon bouton. |
Titre: Re:Vertical-align
Posté par: MarvinLeRouge le le 04-02-2008 a 20:42:37
| Sans voir la page, je serais bien incapable de te dire si ce que tu as fait semble logique ou pas. |
Titre: Re:Vertical-align
Posté par: FP57 le le 05-02-2008 a 08:43:04
| Non, il faudrait que je prenne le temps de faire une page de test. Je vais essayer ce week-end. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|