Network54 Tech Tips
Adding Image Maps to Pages
Time: September 03 05:09am

Image Map for Forum Banner:

Use this to create a clickable image map: You'll need to adjust the coordinates to fit your image.

<p align="center"> <map name="MAP_NAME">
 <area target="_blank" coords="205, 54, 578, 74" shape="rect" href="URL_HERE">
<area target="_self" href="URL_HERE_TOO" shape="rect" coords="101, 5, 575, 51"></map>
<img src="MAP_IMAGE" border="0" usemap="#MAP_NAME"></a></p>

Here is the example I used:


Here's the code:

<p align="center">

<map name="Terrys">
<area target="_blank" coords="205, 54, 578, 74" shape="rect" href="http://www.terry-zone.com/">
<area target="_self" href="http://www.network54.com/Forum/188001" shape="rect" coords="101, 5, 575, 51"></map></a>
<img src="http://www.terry-zone.com/images/swapntech.jpg" border="0" usemap="#Terrys"></p>

PLEASE NOTE, for this image, I used a line break in front of the image to space this banner properly on this particular forum. If you do not need the space on top of the banner, change the code, like this:

<p align="center">
<map name="Terrys">
<area target="_blank" coords="205, 54, 578, 74" shape="rect" href="http://www.terry-zone.com/">
<area target="_self" href="http://www.network54.com/Forum/188001" shape="rect" coords="101, 5, 575, 51"></map><img src="http://www.terry-zone.com/images/swapntech.jpg" \border="0" usemap="#Terrys"></a></p>

[ Network 54 Tech Tips ] [ How to post pictures ] [ How to post a link ]
[ Adding a POST button ] [ Adding Content to Different Pages ]
[ PHP Redirect ] [ HTML Redirect ] [ Embed Forum in a Frame ] [ Smiley Generator ]
[ Using Frames with your forum ] [ Using Inline Frames with your forum ] [ Adding Image Maps to your forum ]
[ Adding images to your forum ] [ How to display a visitor's IP address ] [ How to Add Links to your forum ]
[ Adding a Marquee - (Scrolling Text Box) ] [ How to add Simple Scripts ]
[ How to add Sound to your Forum ] [ How to add Animation to your Forum ]
[ Adding a Sticky Message ] [ Adding Tables ] [ Adding Votelet Links ]
[ Adding snow for the holidays }
[ Browser Issues ] [ AOL Issues ]


If you came from a direct link, use the "Back Button".
If you came from a signature link, use "Close This Window".

OZ Website Services Website Services

Valid HTML 4.01 Transitional