IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Problème de centrage verticale dans une div


Sujet :

Centrer un élément en CSS

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Avril 2008
    Messages
    526
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2008
    Messages : 526
    Points : 224
    Points
    224
    Par défaut Problème de centrage verticale dans une div
    Bonjour,

    J'ai un problème de centrage de mon texte dans une div.
    J'ai réalisé le code CSS suivant :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    #header 
    { background: url(Images_Projet/Images/bleucla_363.jpg) repeat-x top left ;
      height : 110px;
      margin: 0 auto;
      font-family: Book Antiqua;
      } 
     
    #titre h1
    {
      letter-spacing: -1px;
      font-size: 44px;  
      color : #E3E7F4;
      vertical-align: middle; display: inline; 
     
    }
    et j'ai intégrer cela dans mon code HTML :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id="header">
              <div id="titre">
                <h1> Texte </h1>
              </div>
            </div>
    Mais le centrage verticale de mon texte "Texte" ne se fait pas.
    Est-ce que quelqu'un voit le problème? Merci.

  2. #2
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Bonjour

    Vertical-align ne sert pas à ce que tu veux faire. Il sert soit à gérer l'alignement d'un texte dans une ligne, soit à gérer l'alignement du contenu dans des cellules de tableau.

    http://css.developpez.com/faq/index....alement_inline

    Essaye plutôt line-height pour peu que ton contenu ne s'étale pas sur 2 lignes...
    Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez moi.
    débutez avec les CSS
    Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
    Votez pour les messages qui vous ont aidés...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Centrer une texte verticalement dans une div
    Par pc75 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 26/02/2014, 14h56
  2. Centrer du texte verticalement dans une div
    Par piotrr dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 23/04/2009, 14h47
  3. centrage vertical dans une DIV
    Par jpean.net dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 21/12/2007, 07h47
  4. problème de placement dans une div
    Par dom_dev dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 04/07/2007, 11h13

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo