Bonjour à tous,
J’aimerais faire une chose assez simple je pense, mais je ne vois même pas comment la chercher sur Google. J’ai déjà posté ce message dans la section CSS, mais en réfléchissant un peu je pense qu’il n’y est pas vraiment à sa place.
J'ai des images qui changent quand la souris passe dessus :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
<a href="index.php?page=psyche" class="bouton"><img 
	onMouseOver="this.src='img/psyche-but.jpg'" 
	src="img/psyche-but-w.jpg"
	onMouseOut="this.src='img/psyche-but-w.jpg'" 
	width="160px" class="img_bouton"></a>
(le CSS, à titre indicatif
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
a.bouton {
	font-size: 0px;
	color: #c31a30
}
.img_bouton {
	border: 0px;
}
a.bouton:hover {
	font-size: 10px;
	text-decoration: none;
}
J'en ai trois l'une à côté de l'autre comme ça.
J'aimerais que quand on passe la souris sur une image-lien, il y ait en plus un texte qui apparaisse en-dessous de celle-ci, une sorte de légende. Le code CSS que j'ai montré ci-dessus ne fonctionne évidemment pas : il place le texte à côté de l'image.
Auriez-vous des idées ?

Merci d'avance ! Et désolé pour le doublon... Si quelqu’un peut virer le quasi-jumeau de ce message dans la section CSS je pense que ça sera bien, non ?