Hi All,
I need a help on Image map. I want to create anchors to specific parts of image map. I tried to do the following way but it always jumps down to the begining of Image map.
For example if I click on the link "New" it would like to jump to the new portion of image map. Please help me. Thanks.
<html>
<body>
<DIV ALIGN=CENTER>
<a href="#Contacts">Contacts</a><br>
<a href="#Products">Products</a><br>
<a href="#New">New</a><br>
<MAP NAME="map1">
<a name="Contacts"></a><AREA
HREF="contacts.html" ALT="Contacts" TITLE="Contacts"
SHAPE=RECT COORDS="6,116,97,184">
<a name="Products"></a><AREA
HREF="products.html" ALT="Products" TITLE="Products"
SHAPE=CIRCLE COORDS="251,143,47">
<a name="New"><AREA
HREF="new.html" ALT="New!" TITLE="New!"
SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257"></a>
</MAP>
<IMG SRC="testmap.gif"
ALT="map of GH site" BORDER=0 WIDTH=300 HEIGHT=300
USEMAP="#map1"><BR>
[ <A HREF="contacts.html" ALT="Contacts">Contacts</A> ]
[ <A HREF="products.html" ALT="Products">Products</A> ]
[ <A HREF="new.html" ALT="New!">New!</A> ]
</DIV>
</body>
</html>
I need a help on Image map. I want to create anchors to specific parts of image map. I tried to do the following way but it always jumps down to the begining of Image map.
For example if I click on the link "New" it would like to jump to the new portion of image map. Please help me. Thanks.
<html>
<body>
<DIV ALIGN=CENTER>
<a href="#Contacts">Contacts</a><br>
<a href="#Products">Products</a><br>
<a href="#New">New</a><br>
<MAP NAME="map1">
<a name="Contacts"></a><AREA
HREF="contacts.html" ALT="Contacts" TITLE="Contacts"
SHAPE=RECT COORDS="6,116,97,184">
<a name="Products"></a><AREA
HREF="products.html" ALT="Products" TITLE="Products"
SHAPE=CIRCLE COORDS="251,143,47">
<a name="New"><AREA
HREF="new.html" ALT="New!" TITLE="New!"
SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257"></a>
</MAP>
<IMG SRC="testmap.gif"
ALT="map of GH site" BORDER=0 WIDTH=300 HEIGHT=300
USEMAP="#map1"><BR>
[ <A HREF="contacts.html" ALT="Contacts">Contacts</A> ]
[ <A HREF="products.html" ALT="Products">Products</A> ]
[ <A HREF="new.html" ALT="New!">New!</A> ]
</DIV>
</body>
</html>
