Discussion :

[Antickriszt]

bonsoir à tous...
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é , et j'ai pondu ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Kerod]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[Antickriszt]

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

[Invité]

HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
a {
   color : #FFFFFF;
   text-decoration : none;
}
a:hover SPAN {
  text-decoration:underline;
}

Ca devrait marcher

[Invité]

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 )

[Antickriszt]

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