Afficher texte au survol d'une image

Fermé

cactuss42 Messages postés 13 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 13 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

A voir également:

Faire apparaître du texte au survol d'une image wordpress
Apparaitre hors ligne instagram - Guide
Insérer une image dans word sans bouger le texte - Guide
Excel cellule couleur si condition texte - Guide
Image iso - Guide
Transcription audio en texte word gratuit - Guide

4 réponses

Réponse 1 / 4

Utilisateur anonyme
Modifié par Alien41 le 14/12/2014 à 20:10

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)

cactuss42 Messages postés 13 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" ?

cactuss42 Messages postés 13 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 ..

Discussions similaires

Image au survol d'un texte

texte au survol de la souris sur une image

texte qui s'affiche au survol de la souris

aligner un texte à côté d'une image avec WordPress 3.

modifier un texte dans un fichier image jpg

Comment ouvrir le presse papier et retrouver tous les copiers