Quel style veux-tu donner à tes images ? Ta demande n'est pas claire et je pense que le problème vient de là !

Si tu ne veux pas que le fond des images soit blanc, alors il ne faut pas mettre de fond blanc dans ta balise <A>.

Un bon tuyau : utilise Firefox et la Web developper Toolbar, cela te permettra d'éditer le CSS en temps réel dans ta page et donc de voir l'effet de tes changements dans la CSS ! Jeff
webmaster @ comment ca marche . <net|com>

Salut,

tu peux tout simplement définir une couleur de fond à l'image.

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

Bonjour Jeff,
ma demande est :
"quel nom donné à mon style pour une image qui supporte un lien."
En effet je ne veux pas de fond sur cette image. je veux que mon gif transparent reste transparent.


dans mon exemple j'ai essayé le nom de style "a img" :

 a img{
	background-color: none;
	text-decoration:none;
	border:0px;
} 

Re,

le sélecteur ("nom") est le bon mais la valeur de la propriété n'est pas bonne.

 a img{
	background-color: transparent;
	text-decoration:none;
	border:0px;
} 

body div p a img
{
	background-color: transparent;
	text-decoration:none;
	border:0px;
}

border-style:none;

Dalida,

1/ j'ai mis une couleur de fond sur mon image, elle bien prise en compte. C'est déjà cela.
Mais dans l'hypothèse où cette couleur de fond change dans les différentes pages... Cette méthode n'est plus adéquate.

2/ Seul,

a img{background-color: transparent;
	text-decoration:none;
	border-style:none;}

a img{ background-color: transparent;
	text-decoration:none;
	border-style:none;}

img {
	background-color: transparent;
	}

Re,

j'espère avoir bien compris.
pour des pages différentes tu peux ajouter un identifiant à la balise ciblée.

<a id="lien-page1" href="#"><img scr="fichier1.png" /></a>

<a id="lien-page2" href="#"><img scr="fichier2.png" /></a>

a img
{
	background-color:transparent;
	text-decoration:none;
	border-style:none;
}
a#lien-page1 img
{
	background-color:blue;
}
a#lien-page2 img
{
	background-color:green;
}

Salut, d'après moi, c'est un schmilblik avec les pseudo-class :link, :visited, etc.

Et si tu essais ceci :

a:link img, a:visited img, a:hover img, a:active img, a img {background-color:transparent;}

Salut, j'ai également eu des difficultés avec les liens images.
Ca ne correspond pas tout à fait à ton problème, mais ça peut te mettre sur la piste.

Tous les liens images sont entourés d'un cadre en pointillés rouge et ceux avec la classe spécifique n'ont pas d'encadrement:

HTML:
<div class="content">
<p><a href="#"><img src="image.gif" alt="image" /></a></p>
<!-- lien image normal donc avec cadre rouge -->

<p><a href="#" class="aimgnoborder"><img src="image2.gif" alt="image 2" /></a></p>
<!-- lien avec class spécifique pour ne pas avoir de contour -->
</div>


CSS:
.content a img {
border: 2px dashed #FF0000;
padding: 2px;

}
.content a.aimgnoborder img {
border-style:none;
}

Voilà, j'espère avoir aider. A+