[HTML] W jaki sposób nanieść punkt na mapę? Opcje

[bobo1]

Witam,

w jak sposób nanieść punkt na mapę ? Jak w ogóle można uzyskać taki efekt jak w linku poniżej?

http://stable.toolserver.org/geohack/geoha...country(312679)

Chodzi o to, że Polska jest zaznaczona taką czerwoną kropką. Jak mam się do tego zabrać?

Ten post edytował bobo1 29.11.2008, 21:14:43

[S_Olewniczak]

Ja rozwiązałbym to tak:
1. CSS:
Plik html:

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

Plik CSS:

Kod

     #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*/
     }

2. Mapa obrazowa:

[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 

Więcej o mapach obrazowych na: http://www.kurshtml.boo.pl/html/area,html.html
Sam wybierz odpowiadające tobie rozwiązanie. Osobiście polecam to z CSS.(Kod html jest czytelniejszy). Pamiętaj także o dostępności dla użytkowników nie widomych. Dla każdego img i area zawsze definiuj atrybut alt.

Mam nadzieję, że zadziała. W razie błędów śmiało pisz.

[bobo1]

Dzięki za pomoc. Działa