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 sur la hauteur de la page [Fait]


Sujet :

HTML

  1. #1
    Débutant  
    Avatar de koKoTis
    Profil pro
    Inscrit en
    Août 2006
    Messages
    3 438
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 3 438
    Points : 2 415
    Points
    2 415
    Par défaut Centrer une image sur la hauteur de la page
    Bonjour, connaitriez vous un moyen de centrer une image sur la hauteur de la page ?

  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

  3. #3
    Débutant  
    Avatar de koKoTis
    Profil pro
    Inscrit en
    Août 2006
    Messages
    3 438
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 3 438
    Points : 2 415
    Points
    2 415
    Par défaut
    Bonjour et merci beaucoup

    Mais avec ta solution il faut indiquer la taille des marges, moi je voudrai que ce se fasse automatiquement celon la hauteur de la page

  4. #4
    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
    Ca se fera avec ce code .. Les dimensions de centrage sont en %. Les marges négatives ne servent qu'à déplacer l'image en fonction de sa taille à elle qui est fixe, pas de la fenêtre.

  5. #5
    Membre actif
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    241
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 241
    Points : 267
    Points
    267
    Par défaut
    Salut,

    mieux vaut faire un tableau d'une cellule que de s'embarquer dans des solutions de centrage css franchement problématiques en terme d'accessibilité.

  6. #6
    Débutant  
    Avatar de koKoTis
    Profil pro
    Inscrit en
    Août 2006
    Messages
    3 438
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 3 438
    Points : 2 415
    Points
    2 415
    Par défaut
    Oui mais la cellule du tableau devra sélargire sur toute le hauteur de la page, et je ne asis pas comment faire ?

  7. #7
    Membre actif
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    241
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2007
    Messages : 241
    Points : 267
    Points
    267
    Par défaut
    Citation Envoyé par koKoTis Voir le message
    Oui mais la cellule du tableau devra sélargire sur toute le hauteur de la page, et je ne asis pas comment faire ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <table style="width:100%; height:100%;" summary="Tableau à une cellule permettant de centrer une photo dans l'écran">
    <tr>
    <td style="height:100%; text-align:center;"><img src="image.jpg" alt="Texte de remplacement" width="" height="" /></td>
    </tr>
    </table>

  8. #8
    Membre à l'essai
    Profil pro
    Étudiant
    Inscrit en
    Décembre 2007
    Messages
    11
    Détails du profil
    Informations personnelles :
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Décembre 2007
    Messages : 11
    Points : 19
    Points
    19
    Par défaut
    Citation Envoyé par koKoTis Voir le message
    Bonjour, connaitriez vous un moyen de centrer une image sur la hauteur de la page ?
    ca sera encore mieux si tu creait un tableau avec une colone et une ligne dans lequelle tu definit la hauteur et lageur d ton image que tu souhaiterai et dans cette cellule tu appel l'image et ca marche très.

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

Discussions similaires

  1. Centrer le texte sur la hauteur par rapport à l'image
    Par siegekhol dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/10/2014, 08h18
  2. [C#] Centrer une image sur des coordonnées précises
    Par Towandaa dans le forum Windows Presentation Foundation
    Réponses: 1
    Dernier message: 27/03/2012, 16h00
  3. Réponses: 12
    Dernier message: 08/11/2010, 19h23
  4. 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
  5. Centrer une image verticalement et horizontalement sur l'écran
    Par Thomus38 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 15/06/2006, 15h14

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