Image Maps

Let's suppose you want to make an imagemap of a graphic called menubar.jpg. The first thing to do is make the map file, which we will call menubar.map, and put both files in the main directory.

'menubar.map'

 
default http://your-domain.com/
rect http://your-domain.com/info.html 7,1 185,261
rect http://your-domain.com/links.html 188,1 330,259
rect http://your-domain.com/crazy.html 332,1 469,264

You should transfer the file in ASCII/text mode or it won't work.
Default indicates "Anything that's not below..."
Rect means "Rectangle"
Make sure you put the complete URL and the two pairs of co-ordinates which define the upper left and lower right pixels of the rectangle.

Here is the HTML file - for example index.html. Make sure you copy it carefully.

'index.html'

<A HREF="http://your-domain.com/cgi-bin/imagemap/menubar.map">
<img src="http://your-domain.com/menubar.jpg" ISMAP border=0>
</A>

Its easy. The only complication is if you have your map file in a directory. In this case the URL would be:

 
<A HREF="http://your-domain.com/cgi-bin/imagemap/directory/menubar.map">