Help - Search - Members - Calendar
Full Version: image mapping and divider help please
HTMLHelp Forums > Web Authoring > General Web Design
love6412
hi every one... I am hoping u can help. I just started designing a template for me website. but I think I need a little help in image mapping. well I did create the image map but I need a little help linking it to the main and other pages kinda like this one. www.magical-creations.com. I want so the goes in the divider.

here's the image code it self http://i220.photobucket.com/albums/dd102/l...ettecherish.png
here's the image map code

<img src="http://i220.photobucket.com/albums/dd102/love6412/lovettecherish.png" width="816" height="716" hspace="150" vspace="0" border="2" align="top" usemap="#v6" />


<img name="lovette_cherish_navigator0" src="http://usera.imagecave.com/love6412/lovette_cherish_navigator.jpg" width="548" height="600" hspace="150" vspace="0" border="0" align="top" usemap="#lovette_cherish_navigator" alt="" />

<map name="lovette_cherish_navigator">
<area shape="circle" coords="371,135,46" href="http://www.geocities.com/lovette04_2008/index.html" alt="index">
<area shape="circle" coords="318,69,36" href="http://www.geocities.com/lovette04_2008/index.html" alt="index">
<area shape="circle" coords="274,34,24" href="http://www.geocities.com/lovette04_2008/index.html" alt="index">
</map>

</td>
</tr>
</table>
<iframe FRAMEBORDER="0" BORDER=0 width="330" height="210" src="pspmid.html" name="main" allowTransparency scrolling=yes style="position:absolute; top:171px; left:280px; width: 335px; height: 425px;"></iframe>

</center></div></body></html>

Frederiek
See the FAQ entry How do I link different parts of an image to different things?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.