[HTML]Jak umieścić odnośnik w obrazku

Jaki jest kod na umieszczenie hiperłącza w obrazku?Np.jeśli chciałbym umieścić je w obrazku na chomiku który dałem do opisu.Z góry dziękuję za pomoc. :smiley:

http://www.w3schools.com/html/tryit.asp … ml_imglink

No tak ale mi konkretnie chodzi o “chomikuj”.Był taki prosty kod na to żeby dodać link w obrazku a ten jest jakiś długi.Tamten kod działał i był długości jednego zdania.Nie wiem czy to prawidłowe czy jakieś inne ale chcę żeby działało tak jak tamten kod.Tamten był taki że się go po obrazek

obrazek

Lekka modyfikacja tego co napisał KAZULDUR:

[/code]




Obrazek zapewne znajduje się w jakimś katalogu więc trzeba podać gdzie ten obrazek się znajduje

[code] obrazek.jpg

Dzięki chłopaki jak zrobię to napiszę czy działa. :slight_smile:

Dodane 31.05.2012 (Cz) 20:15

Działa.I jeszcze jedno pytanie.Jak zrobić link jeśli mam obrazek 1800x900 i jest on podzielony na trzy równe kwadraty 600x300 i żeby każdy kwadrat przenosił do innej strony.Chodzi mi o utworzenie tak jakby sektorów z linkami.Proszę o pomoc!

Możesz mi to narysować, gdyż nie jestem w stanie sobie tego wyobrazić :slight_smile:

Co do tych linków wystarczy, że zrobisz jak byś miał 3 obrazki :slight_smile:

Hasło: mapy obrazków.

http://www.w3schools.com/tags/tag_map.asp

https://en.wikipedia.org/wiki/Image_map

http://webhosting.pl/Kurs.XHTML…Format … WW?page=14

przykład:

DOCTYPE html>htmlhead    titlemapa.title    meta charset="utf-8"headbody    div        img id="obraz" src="http://i.imgur.com/aZdob.png" usemap="#mapaobrazu" alt=""        map id="mapaobrazu" name="mapaobrazu"            area shape="rect" coords="4,4,598,296" href="http://www.dobreprogramy.pl" alt="dobreprogramy.pl, link 1" title="dobreprogramy.pl, link 1"            area shape="rect" coords="603,4,1197,296" href="http://www.dobreprogramy.pl" alt="dobreprogramy.pl, link 2" title="dobreprogramy.pl, link 2"            area shape="rect" coords="1201,3,1795,295" href="http://www.dobreprogramy.pl" alt="dobreprogramy.pl, link 3" title="dobreprogramy.pl, link 3"            area shape="rect" coords="4,303,598,595" href="http://forum.dobreprogramy.pl/" alt="dobreprogramy.pl : forum, link 4" title="dobreprogramy.pl : forum, link 4"            area shape="rect" coords="604,302,1198,594" href="http://www.dobreprogramy.pl/Blog.html" alt="dobreprogramy.pl : blog, link 5" title="dobreprogramy.pl : blog, link 5"            area shape="rect" coords="1201,303,1795,595" href="http://www.dobreprogramy.pl/Lab.html" alt="dobreprogramy.pl : lab, link 6" title="dobreprogramy.pl : lab, link 6"            area shape="rect" coords="5,600,599,892" href="http://forum.dobreprogramy.pl/" alt="dobreprogramy.pl, link 7" title="dobreprogramy.pl, link 7"            area shape="rect" coords="604,600,1198,892" href="http://forum.dobreprogramy.pl/" alt="dobreprogramy.pl, link 8" title="dobreprogramy.pl, link 8"            area shape="rect" coords="1201,600,1795,892" href="http://forum.dobreprogramy.pl/" alt="dobreprogramy.pl, link 9" title="dobreprogramy.pl, link 9"        map    divbodyhtml

Mapa lub po prostu:

[/code]

Ten sposób jest prostszy, mapa linków w tym wypadku to wytaczanie armaty żeby pozbyć się muchy :stuck_out_tongue:

Dobra dzięki za pomoc.Soanvig chyba masz rację nie będę już tym się bawił.Bardzo dziękuję za poświęcenie czasu i chęci.Temat leci do zamknięcia. :slight_smile:

Mapa odsyłaczy jest lepsza, mniej kodu (licząc css sprites), albo mniej odwołań (bez css sprites)