В настоящее время я пытаюсь сделать Image-Map на своем сайте, который будет изменять размер в зависимости от размера окна... Мне было интересно, если бы все-таки было сделано это с HTML или мне нужно будет сделать это с помощью Javascript или другой язык.
<div style="text-align:center; width:1920px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_5201211070133251" src="Site.png" usemap="#Image-Maps_5201211070133251" border="0" width="1920" height="1080" alt="" />
<map id="_Image-Maps_5201211070133251" name="Image-Maps_5201211070133251">
<area shape="poly" coords="737,116,1149,118,944,473," href="#" onclick="location.href='http://essper.bandcamp.com'; return false;" alt="Bandcamp" title="Bandcamp" />
<area shape="poly" coords="1006,589,1418,590,1211,945," href="#" onclick="location.href='http://soundcloud.com/essper'; return false;" alt="Soundcloud" title="Soundcloud" />
<area shape="poly" coords="502,590,910,591,708,944," href="#" onclick="location.href='http://facebook.com/the.essper'; return false;" alt="Facebook" title="Facebook" />
</map>