Witam mam problem z mapą odsyłaczy, mianowicie śledzę książkę poświęcona html5 i póki co wszystko idzie po mojej myśli, aż do dziś. Ściągnąłem program Corel PaintShop Pro x9. Zrobiłem zwykłe prostokąty, zapisałem, i wklepałem w kompilator. Może i ciągle popełniam jakiś błąd którego nie mogę zlokalizować. Ale po kolei.
1. Zapisałem zdjęcie z rozszerzeniem .jpg w folderze z index.html
2. w kompilatorze notepad++ wklepałem kod:
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>X100</title>
<meta name= "language" content= "PL" />
</head>
<body>
<p>
<div>
<map name="test">
<area href="http://google.pl" shape="rect" coords="471.75.622.176" />
<area href="http://allegro.pl" shape="rect" coords="33.76.361.173" />
</map>
<img src="Image8.jpg" alt="grafika8" width="1100" height="200" usemap="#test" />
</div>
</p>
</body>
</html>
Według autora książki w szukaniu pozycji odpowiedzialne są x i y. pierwsze współrzędne to lewy górny róg a druga współrzędna to prawy dolny róg. Po zapisaniu i odświeżeniu strony, ona pokazuje zdjęcie ale nie reaguje na klikanie. Celem jest oczywiście stworzenie grafiki, która po naciśnięciu na odpowiedni kwadrat/prostokąt przesyła użytkownika na inną stronę j/w gogle i allegro.