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 :

Image deborde du lien


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Novembre 2004
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 64
    Par défaut Image deborde du lien
    Bonjour,

    J'essaye d'afficher un lien avec une image. Bizarrement, l'image deborde de la balise "a"

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <html>
    <head><title>test</title></head>
    <body>
    <a href="#" style="border:1px solid red;margin:5px;padding:5px;"><img src="img/64x64_album.png"></a>
    </body></html>
    Voici le resultat :


    des idées ???

    merci d avance

  2. #2
    Membre Expert
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Par défaut
    Salut,

    C'est quoi ce style à ton lien ??
    Sa donne quoi sans

    ++

  3. #3
    Membre confirmé Avatar de bustaja
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    109
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Nord (Nord Pas de Calais)

    Informations forums :
    Inscription : Avril 2007
    Messages : 109
    Par défaut
    Super louche.

    Essaie avec un style genre :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    style="border:1px solid red;margin:5px;padding:5px;"
    Ou vire ton style pour tester comme te dit kaiser59.

  4. #4
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    c'est le comportement d'une balise inline dont la hauteur pour le border est fixée par le font-size et le padding (enfin ça dépend encore si c'est sur 1 ou 2 lignes je crois) et non le contenu, enfin quelque chose du genre. Je n'ai jamais vraiment capté complètement le calcul de hauteur des inline et d'ailleurs ça varie pas mal d'un navigateur à l'autre sur certains points, me semble-t-il.
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  5. #5
    Membre confirmé
    Inscrit en
    Novembre 2004
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Novembre 2004
    Messages : 64
    Par défaut
    ok, je vois.
    Donc je pourrais a la rigueur fixer la hauteur en precisant le font-size

    merci bocoup

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

Discussions similaires

  1. placer une petit image devant chaque lien
    Par HwRZxLc4 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 02/06/2006, 17h25
  2. [ImageMagick] Image, texte et liens hypertexte
    Par gailup dans le forum Bibliothèques et frameworks
    Réponses: 9
    Dernier message: 19/05/2006, 16h28
  3. 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
  4. [Tableaux] Images aléatoire et lien
    Par antoinelavigne dans le forum Langage
    Réponses: 7
    Dernier message: 17/09/2005, 20h03

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