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 :

Center une image de haut en bas


Sujet :

CSS

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2013
    Messages : 25
    Par défaut Center une image de haut en bas
    Bonjour,

    nouveau sur le forum je tiens à remercier d'avance les membres qui sauront m'apporter leur aide. Je n'ai pas vu de section présentation, si jamais il y en a une je serais ravi d'y aller faire un tour.

    Bref, j'ai codé récemment mon site perso, et sur l'index j'ai une image qui permet d'accéder au reste du site. Je n'arrive pas à la centrer verticalement même en mettant dans le css un top: 50%

    Pour le moment j'ai mis un padding-top: 50px

    Voici l'url: http://www.bertrandcavalier.com/

    Si quelqu'un sait me dire quel code css mettre...
    Merci

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour et bienvenue sur Developpez.com,

    vous pouvez centrer votre élément grâce à laposition:absolute; définie sur la balise .welcome (en lui définissant une hauteur):
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    .welcome {
        height: 600px; 
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juin 2013
    Messages
    25
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juin 2013
    Messages : 25
    Par défaut
    Super,

    merci beaucoup !

  4. #4
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    N'oubliez de mettre votre message en résolu si vous pensez que votre problème est résolu.

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

Discussions similaires

  1. Placer une image en haut de la 3eme colone..
    Par toufou dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/01/2010, 15h11
  2. Placer une image en haut à droite d'une zone div façon post it
    Par cotede2 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 12/11/2009, 13h36
  3. Filtre passe haut et passe bas d'une image
    Par SmileSoft dans le forum Traitement d'images
    Réponses: 4
    Dernier message: 26/03/2008, 20h30
  4. Positionner une image de fond en bas à gauche de l'écran
    Par sovitec dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 06/03/2008, 16h57
  5. coller une image au bas d'un tableau
    Par zetta dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 03/03/2006, 15h42

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