[HTML]/[CSS] soulignage de lien (image + texte)

bonsoir à tous... :D
je me demandais s'il était possible de réaliser un seul et même lien contenant une image et un texte en dessous...

bon jusque là j'ai géré :lol: , et j'ai pondu ceci :

Code:

---

1 2	<a href="..."><img src="..." alt="" style="border:0;" /><br /><b>MON TEXTE</b></a>

---

et les liens sont configurés comme ca dans le css :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

a:link { color : #FFFFFF; text-decoration : none; }   a:visited { color : #FFFFFF; text-decoration : none; }   a:hover { color : #FFFFFF; text-decoration : underline; }   a:active { color : #FFFFFF; text-decoration : none; }

---

de manière à ce qu'ils se soulignent lorsque la souris passe au dessus...


j'aurais aimé savori s'il était possible, lors d'un passage de la souris sur mon lien que SEUL LE TEXTE SE SOULIGNE, car actuellement l'image se souligne en même temps que le texte...

voili, si vous avez des idées...

bonne soirée à tous :D

ben pourquoi pas retirer l'image des balises <a> comme ceci :

Code:

---

<img src="..." alt="" style="border:0;" /><br /><a href="..."><b>MON TEXTE</b></a>

---

ou définir deux classes différentes l'une pour le <a> et l'autre pour l'image et tu fais:

Code:

---

<a href="..."><img src="..." alt="" style="border:0;" /></a><a href="..."><b>MON TEXTE</b></a>

---

C'est de la bidouille mais ca pourrait marcher

parce qu eje voudrais que si le curseur passe sur l'image, le texte en dessous se souligne :?

bon y'a toujours moyen avec des onmouseover et du js, mais je me demandais s'il n'y avait pas un moyen simple...

je précise qu'avec le meme script sans le texte, l'image ne se souligne pas au passage de la souris... je ne trouve pas ca très logique, à moins qu'il considère mon image comme un gros caractère d'espacement ou je ne sais quoi...

je dis cela en cas ou ca pourrait aider ceux qui auraient la gentillesse de se pencher sur mon cas :)

HTML:

Code:

---

<a href="#"><img src="..." /><span>texte</span></a>

---

CSS:

Code:

---

1 2 3 4 5 6 7

a { color : #FFFFFF; text-decoration : none; } a:hover SPAN { text-decoration:underline; }

---

Ca devrait marcher ;)

Au passage, oublie les balises <b></b>, elles sont dépréciées en XHTML Strict ;).
Utilise en lieu et place la propriété font-weight:bold; (à placer dans les propriétés de la balise A par exemple :))

yep ! ca marche nickel !
un grand merci à toi pour ton aide ! :D