Bonjour,

J'avais envie que mes liens soient soulignés d'un pointillé et lorsque la souris passe dessus, cela se transforme en trait plein.
Alors j'ai écrit ceci:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
a[href], P.ExtraLink a[href]  {
	border-bottom-color: Black;
	border-bottom-style: dashed;
	border-bottom-width: thin;
	text-decoration: none;
	color: Black;
}
 
a[href]:hover, P.ExtraLink a[href]:hover {
	border-bottom-color: Black;
	border-bottom-style: solid;
	border-bottom-width: thin;
}
Problème, si mon lien est une image, ce bord pointillée est très moche et je voudrais le virer, mais je n'y arrive pas:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
a[href] img, P.ExtraLink a[href]  img, a[href]:hover img, P.ExtraLink a[href]:hover img  {
	border-bottom-style: none;
}
Ceci ne marche pas et je crois comprendre pourquoi: je dis que l'image ne dois pas avoir de bordure, alors que mon style précédent dit que l'élément <a> doit en avoir une. Je formatte donc deux éléments différents.
Faudrait que je puisse dire "Si le <a> contient une image, alors de bord"....

Merci pour vos idées,