Afficher text sur div définit par css sur OnMouseOver lien
zhengjiu
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
j'ai un soucis car je cherche à afficher du texte sur un div fixe définit en css.
j'ai la même chose pour une image qui s'affiche sur le div et qui fonctionne parfaitement.
Mais impossible d'y parvenir pour faire afficher du texte.
J'ai un titre et quand je passe la souris dessus, je désire que le texte explicatif de ce titre s'affiche sur le div définit ('photo').
css :
et la tentative :
rien ne s'affiche...
j'ai tenté :
mais la déclaration img class fait que j'ai juste un petit carré blanc qui s'affiche....
J'avais trouvé mais est écrasé la page...avec la soluce...
Si vous pouviez m'aider ce serait super sympa !
j'ai un soucis car je cherche à afficher du texte sur un div fixe définit en css.
j'ai la même chose pour une image qui s'affiche sur le div et qui fonctionne parfaitement.
Mais impossible d'y parvenir pour faire afficher du texte.
J'ai un titre et quand je passe la souris dessus, je désire que le texte explicatif de ce titre s'affiche sur le div définit ('photo').
css :
#conteneur .photo {
position:fixed;
top:270px;
left:90px;
border:1px solid #FFFFFF;
background-color:#FFFFFF;
padding:5px;
display:none;
-webkit-box-shadow:0px 0px 5px 2px #666;
-moz-box-shadow:0px 0px 5px 2px #666;
-o-box-shadow:0px 0px 5px 2px #666;
box-shadow:0px 0px 5px 2px #666;
}
et la tentative :
<div id='conteneur'><b><a href='#' onmouseover="document.getElementById('photo').style.display='block';
document.getElementById('photo').innerHTML="l'agalactie est l'absence de production de lait après un accouchement.";
onmouseout="document.getElementById('photo').style.display='none'"> Agalactie</a></b></div>
rien ne s'affiche...
j'ai tenté :
<div id='conteneur'><a href="#"><img class='photo' onMouseOver="javascript:AFFICHE('Voici mon premier texte.')"; OnMouseOut="javascript:AFFICHE('')";>Premier texte</a></div>
mais la déclaration img class fait que j'ai juste un petit carré blanc qui s'affiche....
J'avais trouvé mais est écrasé la page...avec la soluce...
Si vous pouviez m'aider ce serait super sympa !
A voir également:
- Afficher text sur div définit par css sur OnMouseOver lien
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Lien copié - Forum Mobile
- Lien mega ✓ - Forum Webmastering
3 réponses
salut, pour quelque chose d'aussi simple je te conseil d'utiliser juste css car si l'internaute a désactiver javascript....sa fonctionne plus
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Page</title>
<style type="text/css">
span {
display: none;
}
img:hover + span {
display: block;
}
</style>
</head>
<body>
<img src="img.jpg" alt="" /><span>mon texte</span>
</body>
</html>
