La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Vertical-align
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Vertical-align  (Lu 997 fois)
Vertical-align
« sur: le 01-02-2008 a 20:15:23 »
FP57
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 13



Je prends le monde comme je suis (Scutenaire)

Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  

Re:Vertical-align
« Répondre #1 sur: le 03-02-2008 a 14:10:02 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

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

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:Vertical-align
« Répondre #2 sur: le 04-02-2008 a 18:19:57 »
FP57
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 13



Je prends le monde comme je suis (Scutenaire)

Voir le Profil    WWW
Répondre avec citation

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 !

Rapporter au modérateur  
Re:Vertical-align
« Répondre #3 sur: le 04-02-2008 a 20:01:36 »
FP57
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 13



Je prends le monde comme je suis (Scutenaire)

Voir le Profil    WWW
Répondre avec citation

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.

Rapporter au modérateur  
Re:Vertical-align
« Répondre #4 sur: le 04-02-2008 a 20:42:37 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Sans voir la page, je serais bien incapable de te dire si ce que tu as fait semble logique ou pas.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:Vertical-align
« Répondre #5 sur: le 05-02-2008 a 08:43:04 »
FP57
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 13



Je prends le monde comme je suis (Scutenaire)

Voir le Profil    WWW
Répondre avec citation

Non, il faudrait que je prenne le temps de faire une page de test. Je vais essayer ce week-end.

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg