jei nori visa paveiksliuka paversti linku, darai:

<a href="#">
<img src="images/img.png" alt="" />
</a>
jeigu nori kito tokio dizaino kaip tas paveikslelis tavo duotas ir kad jame paspausti eitu kokia nors zona, tai karpyk paveiksla i kelis ir viska sudeliok i divus ir vienam dive naudok koda, kuri pateikiau auksciau, supratai?

su pozicija susijusiu manualu yra cia:

css>papildomi>atvaizdavimas ir pozicija

jei neaisku ir neiseina, tai dek koda kuri bandei rasyti ir pataisysim drauge ;]

Yra tikrai daug patogesnis būdas negu karpyt taip, kaip tu, pimatai, sakai - div'ais pabandysiu paaiškint.

HTML'e yra toks dalykas kaip <map> tag'as. Naudotis juo reik maždaug taip:

1. Dedam paprastą paveikslėlį, bet pridedam usermap paraemetrą, kuriame nurodom map elemento pavadinimą, kurį kursim toliau.

<img src="image.jpg" usemap="#mapname" border=0>

2. Kuriam patį <map> elementą. Map viduje turi <area> elementus, kurių deka ir galima taip gražiai sukarpyti paveikslėlį, kaip tau reik. <area> turi kelis parametrus: shape, coords, href ir kiti standartiniai (tokie kaip onClick event'as ir pan.). Shape parametras nurodo kokiu būdu nori išskirti vietą. Yra keli būdai: rect, circle, poly. Gal yra daugiau, bet jų dabar neprisiminsiu. Patogiausia (man) naudotis poly, nes labai lengvai gali viską karpyt kaip tau reik. Kaip tai daroma? O gi viskas labai paprasta. Už tai atsako coords parametro reikšmė. Kai shape yra "poly", coords parametro sintaksė turėtų būti tokia:

x,y   x₁,y₁   x₂,y₂ .... x_n,y_n

tai yra koordinatės yra atskiriamos kableliu (x (skaičiuojama pikseliais nuo kairės) ir y (skaičiuojama pikseliais nuo viršaus)), tada tarpas ir sekanti koordinatė ir t.t. Gaunasi taip, kad pravedam tokia kreivę per visą paveikslėlį. Po paskutinio taško linija automatiškai sujungiama su pirmu tašku ir gauname kažkokią uždarą figurą. Tai gali būti pavyzdžiui stačiakampis, arba bet kuri n-kampė figūra.

Taigi turim <map> ir jame <area> elementą su shape ir coords parametrais. Kažkas pavyzdžiui tokio:

<map name="mapname">
   <!-- "Nupaišom" stačiakampį -->
   <area shape="poly" coords="5,5 10,5 10,10 5,10">
</map>

Taip. Dabar dar reiktų gal kad kažkas ir įvyktų kai paspaudžiam būtent šitame stačiakampyje ant paveikslėlio. Taigi pridedame ir href parametrą (taip pat kaip ir paprastame <a>). Taigi gauname tokį vaizdą:

<img src="image.jpg" usemap="#mapname" border=0>
<map name="mapname">
   <!-- "Nupaišom" stačiakampį jau su nuorodą -->
   <area shape="poly" coords="5,5 10,5 10,10 5,10" href="http://www.google.lt">
</map>

VISKAS! Tu zonų (<area>) gali pridaryti kiek tik širdis geidžia.
Jei kas bus neaišku klausk, bandysim padėt.

Šiaip paveikslėliui vienam pakarpyti, tai gal ir gerai, bet jeigu ką nors daugiau bandyti, tai šis būdas yra jau pasenes ir nlb, kas ir naudoja

Ką turi omeny sakydamas "ką nors daugiau bandyti" ?

Nu gal ir įpročio reikalas čia yra