Hey guys... I've never tried to do an image map using CSS before and I'm kinda stuck here. I have the image map codes and all, but it's just the html codes. What do I need to do to get it to work on my site?
The site is http://www.e-lusively.com.
Here is the code for the page:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>e-lusively[dot]com</title>
<style type="text/css">
body { background-image:url(http://i36.tinypic.com/2nq7m1.jpg); }
#c2 {
width:1024px;
height:768px;
background-image:url(http://i33.tinypic.com/2eppxlw.jpg);
margin:16px auto;
}
#frame {
width:400px;
height:430px;
margin-top:114px;
margin-left:584px;
}</style>
</head>
<body><div id="c2"><iframe id="frame" src="http://www.e-
lusively.com/blogger/index2.html" name="frame" frameborder="0"
scrolling="auto"></iframe>
</div>
</body>
</html>
And here is the code for the image map in html:
Code:
<img src="http://i33.tinypic.com/2eppxlw.jpg" width="1024" border="0"
usemap="#imap_74" >
<map id="imap_74" name="imap_74" >
<area shape="rect" coords="348,489,453,523" alt="" title=""
href="http://www.e-lusively.com/extrastuff.html" target="frame">
<area shape="rect" coords="388,522,468,552" alt="" title=""
href="http://www.e-lusively.com/links.html" target="frame">
<area shape="rect" coords="361,551,493,581" alt="" title=""
href="http://www.e-lusively.com/contact.html" target="frame">
<area shape="rect" coords="491,490,543,532" alt="" title="" href="mailto:
emilybrooke@cableone.net">
</map>
Thanks in advance for any help. I know this is probably a simple question but I seriously have not touched web designing in about three years.... I'm at a loss lately... |
