Afficher un texte au survol de la souris sur une image
Résolu/Fermé
birdy
-
9 avril 2014 à 16:32
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 11 avril 2014 à 15:21
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 11 avril 2014 à 15:21
A voir également:
- Afficher un texte au survol de la souris html
- Quelle touche pour débloquer la souris ? - Guide
- Mettre un texte en majuscule - Guide
- Afficher mot de passe wifi android - Guide
- Editeur html - Télécharger - HTML
- Déflouter un texte - Forum Logiciels
2 réponses
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
Modifié par animostab le 9/04/2014 à 19:31
Modifié par animostab le 9/04/2014 à 19:31
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.
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.
Merci pour votre réponse. Finalement j'ai trouvé une autre solution en css3, en superposant deux images dont une comportant un texte.
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
11 avril 2014 à 15:21
11 avril 2014 à 15:21
re le problème est que le texte ne sera pas pris en compte par les moteurs de recherce