[HTML] pobierz, plaintext 
<div id="mapa"><a href="polska.html"><img src="punkt.img" alt="Polska" id="polska" /></a></div>
[HTML] pobierz, plaintext 

     #mapa {
     display:block; /*div jako element blokowy*/
     background-image: url('mapa.img');/*url do mpay*/
     width:300;/* i  jej rozmiary..,*/
     height:200;
     }
     #polska {
     position: absolute;/*Element bez pojemnika*/
     z-index:1000;/*oznacza że element ma być zawsze na wierzchu*/
     left:5;/*Pozycja elementu od lewej krawędzi mapy*/
     right:5;/*analogicznie*/
     top:5;/*analogicznie*/
     bottom:5;/*analogicznie*/
     }

[HTML] pobierz, plaintext 
<img src="mapa_z_czerwonym_punktem.img" alt="Mapa obrazkowa świata" usemap="#mapa" />
<map name="mapa">
<area shape="circle" coords="6,5,4" alt="Polska" href="co_hcesz.html" /><!-- na osi liczbowej x to 6 y to 5, a 4 to promień twojego okręgu -->
</map>
[HTML] pobierz, plaintext