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


(sebkor96) #1

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:


(Sawyer47) #2

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


(sebkor96) #3

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


(Kacper B Zuk) #4

obrazek


(Rafalch) #5

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


(sebkor96) #6

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!


(Drobok) #7

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:


(Copycona) #8

Hasło: mapy obrazków.

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

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

(soanvig) #9

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:


(sebkor96) #10

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:


(Drobok) #11

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