Idocs Guide to HTML


Looking for info on how to make an image map?

See our tutorial How to Make an Image Map
SHAPE=RECT indicates that the area is a rectangle. For a rectangle the COORDS attribute consists of two pairs of x/y coordinates. The first pair sets the coordinates of the upper left corner of the rectangle. The second pair sets the coordinates of the lower right corner.

For example, suppose the upper left is at 6,116 and the lower right is at 97,184:

test map rectangle

We would use the following code to indicate the shape. Note that commas separate all the numbers in COORDS, not within pairs.

   HREF="contacts.html" ALT="Contacts" TITLE="Contacts"
   SHAPE=RECT COORDS="6,116,  97,184">

which gives us the rectangle in this map:

Contacts Products New! map of GH site
Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.