par
toujoursenretard » 23 oct. 2006, 18:40
bonjour,
j'ai une image du monde avec des zones reactives dessus. J'aimerai faire apparaitre une petite images ou un commentaire facon title quand la souris passe sur l'image reactive . J'ai essayé qque chose comme ca :
Code : Tout sélectionner
a.europe {
background-color:#FFFFFF;
}
a.europe:link {
background-color:#FFFFFF;
}
a.europe:visited {
background-color:#FFFFFF;
}
a.europe:hover {
background-color:#FFFFFF;
}
a.europe:active {
background-color:#FFFFFF;
}
et ca ne donne rien ( c'est juste pour l'exemple ) et ensuite dans la page html :
Code : Tout sélectionner
<map name="usa" id="usa">
<area class="europe" title="Europe" shape="poly" coords="339,68,324,155,255,154,256,86,315,56" href="ue.html" target="_self" />
<area shape="poly" coords="48,103,42,180,130,173,162,130,151,124" href="#etats unis" />
<area shape="poly" coords="48,102,44,68,75,38,185,78,188,131" href="#canada" />
<area shape="poly" coords="154,163,113,178,144,198,175,204" href="#caraibes" />
</map>
mais ca n'a pas l'air de faire grand chose ... Si qqu'un poiuvais me filler un coup de main ...
bonjour,
j'ai une image du monde avec des zones reactives dessus. J'aimerai faire apparaitre une petite images ou un commentaire facon title quand la souris passe sur l'image reactive . J'ai essayé qque chose comme ca :
[code]
a.europe {
background-color:#FFFFFF;
}
a.europe:link {
background-color:#FFFFFF;
}
a.europe:visited {
background-color:#FFFFFF;
}
a.europe:hover {
background-color:#FFFFFF;
}
a.europe:active {
background-color:#FFFFFF;
} [/code]
et ca ne donne rien ( c'est juste pour l'exemple ) et ensuite dans la page html : [code] <map name="usa" id="usa">
<area class="europe" title="Europe" shape="poly" coords="339,68,324,155,255,154,256,86,315,56" href="ue.html" target="_self" />
<area shape="poly" coords="48,103,42,180,130,173,162,130,151,124" href="#etats unis" />
<area shape="poly" coords="48,102,44,68,75,38,185,78,188,131" href="#canada" />
<area shape="poly" coords="154,163,113,178,144,198,175,204" href="#caraibes" />
</map> [/code]
mais ca n'a pas l'air de faire grand chose ... Si qqu'un poiuvais me filler un coup de main ...