Image Maps with Non-rectangular Regions

Go to the Navigation pageHelpExitBackNext

The SHAPE Attribute
Take a look at the HTML to define the actual image map, and the resulting Web page. To make polygonal regions, use SHAPE="poly" in the <AREA> tag, and put each of the corner points in the COORDS attribute. For circular regions, use SHAPE="circle" and put the center point and radius (in pixels) in the COORDS attribute.

 
...
<MAP NAME="elements">
<AREA SHAPE="poly" COORDS="217,215, 185,84, 109,159"
...