ImageMap

Bonjour,

J'utilise les infosBulles décrites dans le livre CSS2 pour documenter à leur survol des liens qui sont soit des textes, soit des boutons. J'aimerais le faire sur une 'imageMap' qui est une autre forme de liens.

Illustration : j'ai un site dédié à la randonnée sur http://aepclaude.free.fr
Cliquer sur 'sorties futures'. Là, les liens concernés sont sur fond jaune :
- des dates qui sont des textes. Tout va bien...
- des villages sur une carte, je ne sais que faire.

Voyez-vous une solution ?

Merci

Il faut donc utiliser des images maps. Tu ouvres ta carte dans photoshop (par exemple) et tu notes les coordonnées x;y (dans le panneau infos, à coté du navigateur) de la zone réactive.
Tas 2 possibilités dans ton cas : zone réactive circulaire ou rectangulaire (ou carrée).
a) Si ta zone est rectangulaire, tu dois noter les coordonnées du coin haut-gauche et celles du coin bas-droit du rectangle (ou du carré) représentant une ville.
b) Si ta zone est circulaire, note les coordonnées du centre et le rayon de la zone réactive circulaire.

Ensuite, insère le code suivant dans ton body :


<img src="nom_de_ta_carte.gif" usemap="#un_nom" border="0">
<map name="un_nom">
<area shape="circle" coords="x,y,R" href="http://ton_lien.html">
</map>

si ta zone réactive est rectangulaire :
<area shape="rect" coords="x1,y1,x2,y2" href="http://ton_lien.html">

J'espère avoir répondu à ta question et... bon courage.
(Cet article est de Nebojsa Pajkic)

PS : après avoir écris tout cela, j'ai l'impression que je n'ai pas répondu réellement à ce que tu demandais (des infobulles en survolant les villes ?). Je laisse néanmoins cette réponse, peut-être servira t-elle.
Sorry.