Discussion :

[Pumpkins]

Bonjour,

Dans un div, je n'ai UNE et UNE seule image :

<div id="EnteteGauche"><a href="http://www.monsite.com"><img src="./images/header/header_logo.jpg" alt="Ceci est mon image"/></a></div>

La class EnteteGauche de mon css est :

#EnteteGauche {
margin: 0px;
float: left;
width: 249px;
background-color:#CCCCCC;
}

Malheureusement, j'ai un drôle de phénomène. En effet, j'ai une petite ligne qui s'ajoute en-deça de l'image
Ce qui me donne ce rendu :


Pouvez-vous me dire ce qui provoque cet effet et comment y remédier ?

Merci encore pour votre aide !

[spirou]

Salut !

Un padding: 0; margin: 0 à la balise <a> contenant ton image ?

En mettant height et width dans ta balise <img> ?

Ou en affichant l'image par le css ?


Je crois que quelq'un avait eu un problème similaire il y a peu de temps.

[Pumpkins]

Merci, mais toutes tes porpositions ne fonctionne pas. Je tiens à préciser que j'ai ce problème tant sous Opera que sous firefox et IE.

J'ai regardé l'historique sur le forum, je ne vois pas de problème réellement équivalent à ce que j'ai, malheureusement.

[Pumpkins]

Pour info, je sais pas trop ce que j'ai modifié, mais maintenant sous IE ça passe bien. Et l'histoire des "caractères invisibles" ne me semble pas être d'actualité dans mon cas car j'ai déjà tout mis sur une seule ligne et rien n'y fait. Je suis limite désespéré

[Perceval]

Juste pour dire que ton image ne s'affiche pas.

Essayes de voir ce que ca donne en mettant ces propriétés :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

img { border:0; text-decoration:none; }