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 :

Centrer en hauteur [FAQ]


Sujet :

Centrer un élément en CSS

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    991
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 991
    Points : 659
    Points
    659
    Par défaut Centrer en hauteur
    Salut à tous,

    J'ai essayé pleins choses sans vraiment y arriver...

    J'aimerais bien centrer en hauteur le texte, comment m'y prends-je ?

    A savoir, si le texte prend 2 lignes, j'aimerais bien que l'image s'etire...



    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div class="footer">
    					blablabla
    				</div>

    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    .footer
    	{
    	background: url(images/espace_noir.png);
    	color: #fff;
    	width: 772px;
    	text-align: center;
    	clear: both;
    	pading-top: 15px;
    	padding-bottom: 15px;
    	vertical-align: middle;
    	}

    Je vous remercie en avance et au plaisir d'avoir vos réponses
    Il est plus facile de dire que de faire.
    Handy-Mobil.fr

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Tu ne peux pas center du texte verticalement quand il est sur plusieurs lignes en CSS sans passer par de la bidouille.

    vertical-align ne sert pas à centrer verticalement du texte dans un élément block mai verticalement deux éléments inline entre eux.

    padding prend deux D.

    Tu ne peux pas étirer une image en CSS.

    Merci de faire une recherche, cette question a été posée une bonne dizaine de fois.

Discussions similaires

  1. ne pas centrer en hauteur dans une cellule de tableau
    Par roland34 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 19/05/2012, 19h38
  2. Centrer une image sur la hauteur de la page
    Par koKoTis dans le forum Balisage (X)HTML et validation W3C
    Réponses: 7
    Dernier message: 09/01/2008, 20h58
  3. centrer un texte en hauteur a coté d'un picto
    Par dembroski dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/07/2007, 11h06
  4. Centrer un contenu avec hauteur minimum
    Par steph6499 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 11
    Dernier message: 09/04/2007, 15h05
  5. Centrer aussi sur la hauteur de la page
    Par Furius dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 12/01/2006, 01h26

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