Placer point sur une image

Bonjour

voici ce que je souhaite faire.
s'il y un moyen plus simple merci de me l'indiquer.

mon but est de placer sur une carte du monde des points.
en cliquant sur ces points je veux aller sur une page.



<div align="center" z-index:0 id="world">
<img src="images/world.png" border="0" usemap="#world" />
<map name="world" id="world">
<area shape="rect" coords="157,86,183,104" href="Canada_montreal/montreal.php?lds=fr" alt="Montreal" title="Montreal">
</map>

<div z-index:1><img class="dot" style="left:150px; top:100px" src="images/point.png" /> </div>
</div>


mon problème est que ça ne marche pas du tout.
j'aimerais bien une solution qui fonctionne sous IE et Mozilla. enfin tout navigateur.





j'ai aussi essayé

<!-- Pour Netscape ou Firfox : ça ne marche pas-->
<layer name="dot1" left="470" top="100" z-index="1">
<a href="#Europe"> <img src="images/dot.png"> </a>
</layer>

<!-- Pour IE : ça marche bien -->
<div style="position:absolute; top=235px; left=470px; z-index:1">
<a href="#Europe"> <img src="images/dot.png"> </a>
</div>


Merci pour votre aide.

Bonsoir,

Pourquoi ne pas créer ton image à l'aide de ton éditeur photo ou dessin et d'y dessiner les points.

Ensuite tu créeras des zones réactives sur ta cartes avec en prime la possibilité d'y afficher des info-bulles lors du survol de ces points ????

Bonjour hawksf117a,

Puisque tu as l'air d'utiliser des fichiers php, pourquoi ne te tournerais-tu pas vers la librairie GD?

Un tutoriel ci-dessous:
http://mtodorovic.developpez.com/php/gd/

Hello hawksf117a ,

Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance.