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 :

Lien avec une image centrée prend toute la largeur


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Février 2005
    Messages
    79
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 79
    Par défaut Lien avec une image centrée prend toute la largeur
    Bonjour,
    J'ai un problème un peu idiot...
    Je suis sur que la question a déjà été posée mais ce sont des balises tellement génériques que j'ai trop de réponses (et je n'ai pas trouvé celle qui correspond à mon problème)

    Sur mon site je centre des images et sur ces images je mets un lien
    De cette manière (en gros) :


    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <p>
        <a href="/images/monimage.jpg" >
            <img src="/images/monImage.jpg"  width="300" height="450" style="display: block; margin-left: auto; margin-right: auto;" />
        </a>
    </p>
    Simple donc.
    Ca fonctionne mais je viens tout juste de m'apercevoir d'un problème.
    Le lien prend tout la largeur du conteneur.
    Il ne s'arréte pas à l'image mais prend aussi les margin on dirait (à droite et à gauche).
    c'est pas hyper génant mais c'est pas non plus l'effet recherché.
    Comment je pourrais corriger simplement ce problème et avoir le lien uniquement sur l'image et pas aussi à droite et à gauche de l'image ?

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <p style="text-align:center;">
        <a href="/images/monimage.jpg" >
            <img src="/images/monImage.jpg"  width="300" height="450" />
        </a>
    </p>

  3. #3
    Membre confirmé
    Inscrit en
    Février 2005
    Messages
    79
    Détails du profil
    Informations forums :
    Inscription : Février 2005
    Messages : 79
    Par défaut
    Je me sens un peu idiot... Ca marche merci

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

Discussions similaires

  1. 2 colonnes avec une image centrée horizontalement et verticalement
    Par laurentg2003 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 19/10/2013, 11h07
  2. faire le lien avec une image sur mon disque dur
    Par tsubasette dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 23/10/2006, 00h45
  3. Problème d'utilisation des attributs width et height avec une image distante
    Par Ptit_Mouss dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 21/09/2006, 15h40
  4. Réalisation d'un lien avec une image.
    Par argon dans le forum AWT/Swing
    Réponses: 10
    Dernier message: 05/02/2006, 10h33
  5. problème pour faire un insert avec une image
    Par vbcasimir dans le forum Modules
    Réponses: 3
    Dernier message: 02/11/2005, 09h21

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