Bonsoir à vous !

Je suis actuellement en train de réaliser une carte et les area qui vont avec. Je voulais utiliser la bibliothèque mapper, facile d'utilisation, puisqu'il suffit de rajouter la classse "mapper" dans l'image.

Ceci se déroule parfaitement sous ie :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<DIV style="POSITION: absolute; WIDTH: 810px; HEIGHT: 335px; TOP: 0px; LEFT: 0px" id=Map_blind class=blind_area left="0" top="0"></DIV><IMG style="POSITION: absolute; FILTER: Alpha(opacity=0); WIDTH: 810px; HEIGHT: 335px; TOP: 0px; LEFT: 0px; MozUserSelect: none; KhtmlUserSelect: none" id=gmipam_0 border=0 src="http://localhost/barzi/assets/images/Carte_Monde/Carte_Monde.png" width=810 height=335 useMap=#Map unselectable="on" left="0" top="0"> 
<MAP name=map><!-- #$-:Image map file created by GIMP Image Map plug-in --><!-- #$-:GIMP Image Map plug-in by Maurits Rijk --><!-- #$-:Please do not edit lines starting with "#$" --><!-- #$VERSION:2.3 --><!-- #$AUTHOR:Anne-Marie --><AREA id=Map_0 href="http://Carte_monde.png" shape=poly alt="Continent Europe" target=Continent_Europe coords="442,121,424,121,401,117,389,110,371,110,355,114,341,116,328,141,305,139,279" shape="poly">
ce que me retourne ie

Mais n'a aucun effet sur Firefox ou Opera... Et je ne sais pas quoi retoucher, ou vérifier, pour pouvoir obtenir le résultat voulu...


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
<div style="position: relative; height: 335px; width: 810px; padding: 0px; -moz-user-select: none;">
<img id="gmipam_0_image" src="http://localhost/barzi/assets/images/Carte_Monde/Carte_Monde.png" style="position: absolute; height: 335px; width: 810px; left: 0px; top: 0px;">
<canvas id="gmipam_0_canvas" style="height: 335px; width: 810px; position: absolute; left: 0px; top: 0px;" height="335" width="810"></canvas>
<div id="Map_blind" class="blind_area" style="position: absolute; height: 335px; width: 810px; left: 0px; top: 0px;"> </div>
<img id="gmipam_0" class="" height="335" width="810" border="0" alt="tralalala" title="tralala" usemap="#Map" src="http://localhost/barzi/assets/images/Carte_Monde/Carte_Monde.png" style="position: absolute; height: 335px; width: 810px; left: 0px; top: 0px; -moz-user-select: none; opacity: 0;">
</div>
<map name="map">
<area href="http://Carte_monde.png" target="Continent_Europe" alt="Continent Europe" coords="442,121,424,121,401,117,389,110,371,110,355,114,341,116,328,141,305" shape="poly">
ce que me retourne firebug

Je vous remercie pour votre lecture et votre potentielle aide !