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 :
(le CSS, à titre indicatif
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>
J'en ai trois l'une à côté de l'autre comme ça.
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'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 ?
Partager