Search code examples
htmldictionaryareaimagemap

HTML Map Image not working

I'm a beginner so please take it easy on me. I will be trying to create several area's but I'm trying to get this one area to work first. I'm not sure what I'm doing wrong. Here's what I have for code:

<img src="image.jpg" width="1000" height="900" usemap="#CWS" />

<map name="CWS">
<area shape="rect" coords="484, 801, 640, 900" href="CWS/Function_Menu.jpg" alt="Function_Menu">
</map>

Any suggestions would be appreciated! Thank you!

Solution

  • It's actually working fine.

    Your image has size of 1000x900px. In rectangle area the coords you type in are: coords="left, top, width, height". (Left, top means the distance (in px) from left top corner of your image.) Check your values. Or just take a look