odsyłacze w grafice a przeglądarki

[Pająk]

szczerze mówiąc MAPA to już stare rozwiązanie. Teraz raczej korzysta się ze stylowanych list. Ogólna zasada:
UL - to obrazek w tle. Ma pozycjonowanie relatywne
LI - kolejne "obszary" ,a które można kliknąć. Pozycjonowane absolutnie. Mają w sobie A

Kod:

<ul id="mapa">

<li href="" id="li1"><a href="...">Pierwsze miejsce na obrazku</a></li>
<li href="" id="li2"><a href="...">Drugie miejsce na obrazku</a></li>
<li href="" id="li3"><a href="...">Trzecie miejsce na obrazku</a></li>

</ul>

I wtedy kazdy taki link pozycjonujesz absolutenie:

Kod:

#mapa {background:url(...obrazek...) no-repeat; width:527px; height:395px; position:relative; overflow:hidden;}
#mapa li {overflow:hidden; display:block; position:absolute;}
#mapa li a {width:100%; height:...px; display:block; text-indent:-9999px; overflow:hidden;}
#li1 {left:....px; top:....px; width:....px; height:....px;}
#li2 ....
#li3....

Plusy takiego rozwiązania to większa dostepność (lista linków) + że możesz sobie do każdego takiego linka wstawiać co tylko dusza zapragnie - np dodatkowe tooltipy iyp.

Dziękuję za radę ale nie przeczytałeś mojego pierwszego postu. Nie mam czasu na przerabianie wszystkiego i uczenie sie nowych rzeczy. Jeżeli jesteś dobry to przeczytaj jeszcze raz i znajdź przyczynę.
Stare auto mozna naprawić a jak sie nie umie to można kupić nowe.
Masz rację, że są lepsze sposoby, ale narazie muszę zostać przy swoim.

---

Jeszcze nie ..\images1\star1p.JPG lecz

Przepraszam, ale nie wiem skad się wzięły w poście odwrotne ukośniki, mój błąd. W kodzie na stronie są ../images1/star1p.JPG ale i tak jest bez zmian.