Image Hotspot Coord Problems
May 21, 2012 8:25 AM
Hello,
I am always running into problems and the recent of which is the image hotspot Coord, I have set up an image to change it's size to fit the screen and the image needs hotspots to link it up to the sites:
When I view the site in a broweser the coord of the hotspots do not change to match the new image size. Have a look here: http://dl.dropbox.com/u/49665279/index.html
Code:
<title>Saber Rider - Index</title>
<style type="text/css">
body p {
text-align: left;
}
#wrapper {
position:absolute;
width:100%;
height:100%;
z-index:1;
left: 0;
top: 0;
}
</style>
</head>
<body>
<div id="wrapper">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="200"><img src="Images/webpage_BG_left.jpg" width="200" height="1200" /></td>
<td width="100%"><img src="Images/webpage_header.jpg" width="100%" height="180" /><img src="Images/webpage_content.jpg" width="100%" height="690" border="0" usemap="#Map" />
<img src="Images/webpage_footer.jpg" width="100%" height="330" /></td>
<td width="200"><img src="Images/webpage_BG_right.jpg" width="200" height="1200" /></td>
</tr>
</table>
</div>
<map name="Map" id="Map"><area shape="rect" coords="547,60,576,97" href="#" /><area shape="rect" coords="575,60,604,97" href="#" /><area shape="rect" coords="720,60,749,96" href="#" /><area shape="rect" coords="692,60,719,98" href="#" /><area shape="rect" coords="662,60,693,98" href="#" /><area shape="rect" coords="632,60,663,98" href="#" /><area shape="rect" coords="604,60,633,97" href="http://www.youtube.com" />
<area shape="rect" coords="719,60,750,98" href="#" />
</map>
</body>
</html>
