карта изображений не работает в google chrome

Может ли кто-нибудь сказать мне, где ошибка в этом кодировании html?

https://newmedia.leeds.ac.uk/ug10/cs10jy/portfolio/studenthands/imagemap.html

Я написал этот код, но я не могу понять, где я ошибаюсь после просмотра онлайн и следующих руководств...

<img src ="images/socialnetwork.png"
width="220" border="0"
usemap ="#socialmap" />

<map id ="socialmap"
name="socialmap">
<area shape ="poly" coords ="77,83,163,127"
 href ="https://www.facebook.com/StudentHands" target="_blank" />
<area shape ="poly" coords ="1,105,75,153"
href ="https://twitter.com/StudentHands" target="_blank" />
</map>

Любая помощь будет очень высоко ценится!


image map imagemap
person Joanne Young    schedule 11.05.2013    source источник

Ответы (3)


arrow_upward
3
arrow_downward

Измените атрибут id тега карты на атрибут name, он будет работать

person Amanpreet Singh    schedule 10.02.2019

arrow_upward
1
arrow_downward 

<area shape ="poly" coords ="77,83,163,127"
 href ="https://www.facebook.com/StudentHands" target="_blank" />

координаты не образуют многоугольник, они могут просто сделать линию. координаты берутся как "x1,y1,x2,y2,......xn,yn", где n>=3

person Sunil Sistla    schedule 05.08.2013
comment
Или это должно быть shape="rect", может быть - person yunzen; 11.08.2014

arrow_upward
1
arrow_downward

Удалите разрывы строк и пробелы между атрибутом и = в коде карты. Это должно помочь.

попробуй это

<img src="images/socialnetwork.png" width="220" border="0" usemap="#socialmap" />

<map id="socialmap" name="socialmap">
<area shape ="poly" coords ="77,83,163,127" href ="https://www.facebook.com/StudentHands" target="_blank" />
<area shape ="poly" coords ="1,105,75,153" href ="https://twitter.com/StudentHands" target="_blank" />
</map>
person skurt    schedule 25.01.2014