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 une image et un lien


Sujet :

Centrer un élément en CSS

  1. #1
    Membre éprouvé
    Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2010
    Messages
    469
    Détails du profil
    Informations personnelles :
    Âge : 66
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Janvier 2010
    Messages : 469
    Points : 1 100
    Points
    1 100
    Par défaut Centrer une image et un lien
    Bonjour

    Je suis une bille en HTML/CSS, ce n'est pas pas spécialité, et j'essaie sans succès de centrer l'image de titre "les jardingues" du site jardingues.org

    Ce site est réalisé avec SPIP et des squelettes que j'ai fait moi-même il y a bien longtemps.

    Vous verrez avec Firebug ou autre que le lien lui-même est centré, mais pas l'image, qui est calée à gauche et donc non centrée dès que l'écran est un peu large.

    J'ai lu et relu les FAQ et cours sur le sujet, mis des margin-left: auto; et margin-right: auto; mais ça ne suffit pas.

    Si quelqu'un a une idée (sans tout réécrire si-possible)

    Merci !
    Cordialement,
    Tintinux

    Initiateur de Gestinux, une comptabilité gestion open-source, pour Linux, Windows et Mac OS.
    Une version stable et une autre en développement, avec Lazarus : vous pouvez aider à la tester, la traduire et à la développer.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .entete-centre {
        position: absolute;
        left: 22%;
        width: 55%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    si tu fixes une largeur à un élément et que son contenu est plus grand....

    D'une manière général tu as trop de position:absolute, essaies plutôt des DIVs en float:left à la place des SPANs.

    Tu peux également regarder du coté de display:table-cell et autres.

Discussions similaires

  1. Centrer une image externe
    Par kibawato dans le forum Flash
    Réponses: 2
    Dernier message: 06/06/2006, 00h29
  2. diviser une image en plusieurs liens
    Par mat-tech dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 27/04/2006, 16h10
  3. Centrer une image et un texte dans un div
    Par flexx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 17/01/2006, 20h11
  4. Centrer une image ds mshflexgrid ?
    Par mosquitout dans le forum VB 6 et antérieur
    Réponses: 1
    Dernier message: 11/12/2005, 16h24

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