Discussion :

[Tinterella]

Bonjour,
Je suis complètement débutante, et travaillant sur Dreamweaver 8, je connais le language donc pas ou presque pas.
Je souhaiterais mettre du texte qui lorqu'on y positionne la souris fasse apparaître une photo par exemple sous forme de info bulle, ou juste une petite image sur le côté qui disparaîtrait une fois que la souris n'est plus positionnée sur le texte:
exemple: Le louvre f aisant appaître une petite icone photo du Louvre.

Quelqu'un aurait -il une solution simple ?????

Je vous en remercie infiniment !!!

Tinterella

[12monkeys]

Hello

Une solution en css :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<a href="#">
<img src="../../images/ptites_annonces/question.gif" alt=""><span class="haut" id="csevoldesl">votre texte.</span><span class="bas" id="csevoldeslbas"></span>
</a>

et le code css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
a span { display:none }
a:hover { background:none }
a:hover span.haut { background: url("../../images/ptites_annonces/top.gif");color:black;display:inline;position:absolute;left:50%;font-size:0.8em;line-height:16px;margin:0px 0px 0px -50px;padding:2px 3px 0px 14px;text-decoration:none;z-index:10 }
a:hover span.bas { background: url("../../images/ptites_annonces/bottom.gif");display:inline;position:absolute;left:50%;font-size:0.1em;line-height:8px;margin:0px 0px 0px -50px;padding:0px;text-decoration:none;z-index:10 }
 
a:hover span#csevoldesl { top:430px;width:283px;height:95px }
a:hover span#csevoldeslbas { top:525px;width:300px;height:8px }

[Tinterella]

Merci beaucoup, je vais tester cela sur ce pas !