Image Mapping problem

[ckelly327]

I have the following in my page and it works fine with MSIE but doesn't map the links in any version of Netscape. What am I doing wrong? The code was generated using a free image mapping program from ZDNet.

<center>

<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="51,273,117,200" HREF="index2.html" TITLE="">
<AREA SHAPE="RECT" COORDS="117,274,174,200" HREF="sites.html" TITLE="">
<AREA SHAPE="RECT" COORDS="174,275,277,200" HREF="testimonials.html" TITLE="">
<AREA SHAPE="RECT" COORDS="277,274,350,200" HREF="faqs.html" TITLE="">
<AREA SHAPE="RECT" COORDS="350,274,421,200" HREF="price.html" TITLE="">
<AREA SHAPE="RECT" COORDS="421,274,487,200" HREF="contact.html" TITLE="">
<MAP>
<IMG SRC="horselogo6.jpg" USEMAP="#map1" BORDER="0">
</center>

Thanks in Advance

[pyro]

The coodinates are in the wrong format. Your first two numbers should be the position from the top left of the image that you want the hotspot to start at and the next two should be the position that you want it to finish at. Right now, your second coordinates are farther up on the map than the second ones...

Try this format:

<area shape="rect" coords="x1,y1,x2,y2" ...> where x1 is the position of the left of your hotspot, y1 is the top, x2 is the right, and y2 is the bottom. So, basically x1,y1 equal the top left, and x2,y2 equal the bottom right.

[gil davis]

1. You have two <MAP> tags without a </MAP>. NS will not recognize tags that are missing a required closing tag.

2. Your second set of XY coordinates is less than the first set of XY coordinates. NS expects the rectacngle's right and bottom to be to the right or to the bottom of the top and left coordinates.

Apparently, IE allows you to break the rules and get away with it.

<center>
<MAP NAME="map1">
<AREA SHAPE=RECT COORDS="51,200,117,273" HREF="index2.html" TITLE="">
<AREA SHAPE=RECT COORDS="117,200,174,274" HREF="sites.html" TITLE="">
<AREA SHAPE=RECT COORDS="174,200,277,275" HREF="testimonials.html" TITLE="">
<AREA SHAPE=RECT COORDS="277,200,350,274" HREF="faqs.html" TITLE="">
<AREA SHAPE=RECT COORDS="350,200,421,274" HREF="price.html" TITLE="">
<AREA SHAPE=RECT COORDS="421,200,487,274" HREF="contact.html" TITLE="">
</MAP>
<IMG SRC="horselogo6.jpg" USEMAP="#map1" BORDER="0">
</center>