I'm not really wondering how to get a picture to become a link, just how to make certain zones of a picture a link. This is what I mean:<br />
<br />
<!-- m --><a class="postlink" href="http://members.tripod.co.uk/amprogrammer/Images/Hey.jpg">http://members.tripod.co.uk/amprogrammer/Images/Hey.jpg</a><!-- m --><br />
<br />
As you can see, I want those to all be links. I was thinking that I could create seperate images for each link, and make those link to my pages, but how would I position them perfectly there?<br />
<br />
Thanks. My website is <!-- m --><a class="postlink" href="http://members.tripod.co.uk/amprogrammer/">http://members.tripod.co.uk/amprogrammer/</a><!-- m --><!--content-->Its called image mapping, javascript.<!--content-->Simple, if you know how....<br />
<br />
<MAP name=windowmap><br />
<AREA shape=RECT coords=179,127,241,145 href=http://www.htmlforums.com/archive/index.php/"index.html"><br />
<AREA shape=RECT coords=251,127,314,145 href=http://www.htmlforums.com/archive/index.php/"forums.html"><br />
<AREA shape=RECT coords=319,127,382,145 href=http://www.htmlforums.com/archive/index.php/"articles.html"><br />
<AREA shape=RECT coords=390,127,472,145 href=http://www.htmlforums.com/archive/index.php/"tutorials.html"><br />
</MAP><br />
<img src=http://www.htmlforums.com/archive/index.php/"Large.gif" width="864" height="149" alt="" USEMAP="#windowmap" BORDER=0><br />
<br />
I use irfanview to see the XY position of the part.<br />
Left click on the image and in irfanciew you can see the position.<br />
This part:<br />
Home, Click left top and right bottom will give you<br />
179,127,241,145 <br />
Put this position in the Map<br />
coords=179,127,241,145 href=http://www.htmlforums.com/archive/index.php/"index.html"><br />
<br />
<br />
:rocker:<!--content-->..........<br />
<br />
That was one of the most helpfull replies I have ever recieved... ever.<br />
<br />
THANK YOU.<!--content-->Your Welcome <br />
<br />
Dont forget: this is htmlforums
:wave: <br />
<br />
<br />
:rocker:<!--content-->
<br />
<!-- m --><a class="postlink" href="http://members.tripod.co.uk/amprogrammer/Images/Hey.jpg">http://members.tripod.co.uk/amprogrammer/Images/Hey.jpg</a><!-- m --><br />
<br />
As you can see, I want those to all be links. I was thinking that I could create seperate images for each link, and make those link to my pages, but how would I position them perfectly there?<br />
<br />
Thanks. My website is <!-- m --><a class="postlink" href="http://members.tripod.co.uk/amprogrammer/">http://members.tripod.co.uk/amprogrammer/</a><!-- m --><!--content-->Its called image mapping, javascript.<!--content-->Simple, if you know how....<br />
<br />
<MAP name=windowmap><br />
<AREA shape=RECT coords=179,127,241,145 href=http://www.htmlforums.com/archive/index.php/"index.html"><br />
<AREA shape=RECT coords=251,127,314,145 href=http://www.htmlforums.com/archive/index.php/"forums.html"><br />
<AREA shape=RECT coords=319,127,382,145 href=http://www.htmlforums.com/archive/index.php/"articles.html"><br />
<AREA shape=RECT coords=390,127,472,145 href=http://www.htmlforums.com/archive/index.php/"tutorials.html"><br />
</MAP><br />
<img src=http://www.htmlforums.com/archive/index.php/"Large.gif" width="864" height="149" alt="" USEMAP="#windowmap" BORDER=0><br />
<br />
I use irfanview to see the XY position of the part.<br />
Left click on the image and in irfanciew you can see the position.<br />
This part:<br />
Home, Click left top and right bottom will give you<br />
179,127,241,145 <br />
Put this position in the Map<br />
coords=179,127,241,145 href=http://www.htmlforums.com/archive/index.php/"index.html"><br />
<br />
<br />
:rocker:<!--content-->..........<br />
<br />
That was one of the most helpfull replies I have ever recieved... ever.<br />
<br />
THANK YOU.<!--content-->Your Welcome <br />
<br />
Dont forget: this is htmlforums
:wave: <br /><br />
<br />
:rocker:<!--content-->