Modifier le style d'un lien contenant une image

Bonsoir,

J'ai redéfini l'affichage des liens à l'aide d'une feuille de styles. Voici le code en question :

a {
	border-bottom: 1px dashed;
	text-decoration: none;
}

Ceux-ci s'affichent comme il faut quand ils contiennent du texte.

Seulement lorsque je mets une image dans un lien, la bordure du lien (donnant l'impression d'un soulignement pointillé) est présente sous l'image (logique en fait à cause du style que j'ai appliqué aux liens), mais je voudrais qu'elle ne le soit pas.

Évidemment, j'ai essayé de supprimer les bordures de l'image avec

a img {
	border: none;
}

mais ça ne fonctionne pas car la bordure pointillée est sur le lien et non pas sur l'image.

a img

permet de sélectionner les images contenues dans un lien, mais existe-t-il le sélecteur C.S.S. inverse, c'est-à-dire permettant d'appliquer un style aux liens qui contiennent une image ? Un tel sélecteur me permettrait de modifier le style des liens qui contiennent des images et donc résoudre mon problème.

Vous trouverez ici un exemple avec ces liens.
Modifié par Linconnudujardin (23 Jun 2008 - 03:27)

Hello Linconnudujardin ,

tu pourrais tout simplement appliquer une class à ton <a> contenant l'image :

[b]CSS[/b]
a.image { border:none; }

[b]HTML[/b]
<a class="image" href="misere.html"><img src="misere.png" /></a>

au passage : un petit lien vers les sélecteurs.

A+
Modifié par Heyoan (23 Jun 2008 - 04:06)

Hmoui je crois bien que je vais être obliger d'utiliser une classe .

Pour les sélecteurs, je viens de regarder la liste sur le site du W3C et même avec C.S.S. 3 je n'ai pas trouvé ce qu'il me fallait, erf (pourtant ils en ont inventé plein ).
Modifié par Linconnudujardin (23 Jun 2008 - 04:18)