Afficher texte au survol d'une image

Fermé
cactuss42 Messages postés 11 Date d'inscription vendredi 2 mai 2014 Statut Membre Dernière intervention 19 octobre 2015 - 14 déc. 2014 à 19:08
cactuss42 Messages postés 11 Date d'inscription vendredi 2 mai 2014 Statut Membre Dernière intervention 19 octobre 2015 - 14 déc. 2014 à 21:29
Bonsoir,

Je cherche à savoir quel code utiliser en html/css pour qu'au survol d'une image s'affiche un mot. J'ai essayé avec les balises <span> et <hover> mais cela m'affiche le mot en dessous de l'image alors que j'aimerais que le mot s'affiche soit en remplacement de l'image soit sur l'image.

Avez-vous une idée ?

Merci d'avance

4 réponses

Bonsoir, dans cette idée là ?

<div align="center">
<span id="img" onMouseOver="document.getElementById('txt1').style.display='block';" onMouseOut="document.getElementById('txt1').style.display='none';" style="width:100; height:200; background-image:url('CHEMIN-DE-TON-IMAGE'); display:block;">
<span id="txt1" style="display:none;">Salut</span>
</span>
</div>


(N'oublie pas de changer le chemin de ton image)
0
cactuss42 Messages postés 11 Date d'inscription vendredi 2 mai 2014 Statut Membre Dernière intervention 19 octobre 2015
14 déc. 2014 à 20:27
Je met tout ça dans le code html ?
Voici un des codes pour mon image :
<a href="page3.html"> <img src="../images/valise.jpg" alt="Icone valise" /> </a>
Je met donc ceci à la place de "chemin de l'image" ?
0
cactuss42 Messages postés 11 Date d'inscription vendredi 2 mai 2014 Statut Membre Dernière intervention 19 octobre 2015
14 déc. 2014 à 20:31
J'ai essayé le code donné mais ça ne me le met pas sur l'image mais en dessous ..
0