Afficher un texte au survol de la souris sur une image [Résolu/Fermé]

Signaler
-
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
-
Bonjour,
Je souhaiterais qu'un texte de type légende s'affiche sur mes images au survol de la souris; j'ai trouvé des solutions qui utilisent javascript mais je ne connais pas ce langage. Y a t-il une solution avec css3 et html5 ?
Merci pour votre aide,



2 réponses

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
586
salut

tu peux faire en css /html4

.commentaire {display:none;}

.image{width:largeur-imagepx;}

.image:hover .commentaire {display:block;}

le html
<div class="image"><img src="image.jpg"><div class="commentaire">mon commentaire</div></div>

ou en css/html5

css
figcaption {
display:none;}

figure {width:largeur-imagepx;}

figure:hover figcaption {display:block;}

html
<figure>
<img src="image.jpg" >
<figcaption>
<p>comentaire</p>
</figcaption>
</figure>

Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
4
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60769 internautes nous ont dit merci ce mois-ci

Merci pour votre réponse. Finalement j'ai trouvé une autre solution en css3, en superposant deux images dont une comportant un texte.
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
586
re le problème est que le texte ne sera pas pris en compte par les moteurs de recherce