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

HTML Discussion :

Centrer une image verticalement et horizontalement sur l'écran


Sujet :

HTML

  1. #1
    Membre régulier
    Inscrit en
    Juin 2004
    Messages
    118
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 118
    Points : 73
    Points
    73
    Par défaut Centrer une image verticalement et horizontalement sur l'écran
    Salut
    Je suis en train de faire une page d'accueil de site qui ne contiendra d'une animation flash. Mais avant de faire l'animation, je veux voir ce que ça donne au niveau du positionnement avec une image.
    J'aimerais qu'elle apparaisse en milieu de l'écran centrée verticalement et horizontalement. Pour cela, j'avais récupéré du code sur developpez.com

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    #container {
        position: absolute;
        width: 760px;
        height: 420px;
        top: 50%;
        left: 50%;
        margin: -210px 0 0 -380px; /* Margin : Top Right Bottom Left */
        /* Margin: -(hauteur/2) 0 0 -(largeur/2) */
    }
    Voici le lien de la page :
    http://www.developpez.net/forums/showthread.php?t=90996

    Est-ce que je peux procéder comme ça ?? Car ça n'a pas l'air très convainquant quand je l'affiche :d
    Merci d'avance!

  2. #2
    Membre actif
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mai 2006
    Messages : 386
    Points : 275
    Points
    275
    Par défaut
    Bonjour, as-tu adapté width et height à la taille de ton image? Peut-on avoir un exemple visuel?

  3. #3
    Membre régulier
    Inscrit en
    Juin 2004
    Messages
    118
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 118
    Points : 73
    Points
    73
    Par défaut
    http://www.developpez.net/forums/att...1&d=1150376525

    Voila l'exemple..
    Par contre, à quel niveau de dois changer width et height ??
    Images attachées Images attachées  

  4. #4
    Membre actif
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations forums :
    Inscription : Mai 2006
    Messages : 386
    Points : 275
    Points
    275
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #container {
        position:absolute;
        border: 1px solid black   ; 
        width: 175px;
        height: 137px;
        top: 50%;
        left: 50%;
    }
    ici dans le css il faut que tu mette ton width et height à a la taille de ton image de façon à adapter ton container

  5. #5
    Membre régulier
    Inscrit en
    Juin 2004
    Messages
    118
    Détails du profil
    Informations forums :
    Inscription : Juin 2004
    Messages : 118
    Points : 73
    Points
    73
    Par défaut
    ah ouais..................................ca marche
    Bon ben .......... mici

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

Discussions similaires

  1. Centrer une image verticalement
    Par romuluslepunk dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 25/05/2015, 17h48
  2. [CSS 2.1] Centrer une image verticalement et horizontalement
    Par beegees dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 21/12/2009, 13h39
  3. Centrer une image par rapport au texte sur la même ligne
    Par Lonlie dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 6
    Dernier message: 16/09/2008, 17h09
  4. 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
  5. [HTML] Center une série d'images verticalement et horizontalement
    Par in_flames68 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 17
    Dernier message: 27/09/2006, 09h42

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