Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl


S_Olewniczak
Napisane: 29.11.2008, 22:13:56





Grupa: Zarejestrowani
Postów: 189
Dołączył: 28.01.2008

Ostrzeżenie: (0%)
-----

Ja rozwiązałbym to tak:
1. CSS:
Plik html:
  1. <div id="mapa"><a href="polska.html"><img src="punkt.img" alt="Polska" id="polska" /></a></div>

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:
  1. <img src="mapa_z_czerwonym_punktem.img" alt="Mapa obrazkowa świata" usemap="#mapa" />
  2. <map name="mapa">
  3. <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 -->
  4. </map>

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. smile.gif
  Forum: Przedszkole · Podgląd postu: #542397 · Odpowiedzi: 2 · Wyświetleń: 1 367


New Posts  Nowe odpowiedzi
No New Posts  Brak nowych odpowiedzi
Hot topic  Popularny temat (Nowe)
No new  Popularny temat (Brak nowych)
Poll  Sonda (Nowe)
No new votes  Sonda (Brak nowych)
Closed  Zamknięty temat
Moved  Przeniesiony temat
 

RSS Wersja Lo-Fi Aktualny czas: 27.04.2024 - 07:21