Le style général d'un lien surpasse le style d'une image

Bonjour,

Je suis en train d’essayer de faire un thème pour WordPress (moteur de blog) et dans les billets, pour marquer les liens, j'aime bien leur faire une bordure en dessous.

Mais j'aime tellement ça les bordures ( ) que j'ai également mis une bordure aux images dans les billets. Le problème est que lorsqu'une image contient un lien, la bordure du lien général vient se superposer à la bordure de l'image. Et ce n'est pas des plus esthétique

Est-ce inéluctable ou il y a t-il une solution ?

Pour plus de clarté dans mes propos je vous joins le code des liens en général :

a {
	text-decoration: none;
	color: #db4105;
	border-bottom: 1px dotted #db4105;
}

a:visited {
	text-decoration: none;
	color: #db4105;
}

a:hover {
	color: #ad0f3f;
	border-bottom: 1px dotted #ad0f3f;
}

Ainsi que celui pour les images :

.post img {
	border: 1px dashed #ccc;
	padding: 5px;
	background: #f6f6f6;
	}

.post img a {
	border: 1px dashed #ccc;
	padding: 5px;
	background: #f6f6f6;
	}

Merci d'avance pour votre aide
Modifié par Guirec (27 Mar 2007 - 00:26)

.post img a {
	...
}

L'élément img n'a pas de contenu. Il ne peut donc pas avoir pour enfant ou descendant un élément a. Le sélecteur CSS est donc faux.

Une solution à ton problème serait probablement de supprimer la bordure des images contenues dans des liens, non ?

a img {border: none;}