View Full Version : image map


freakish
08-11-2003, 01:53 AM
For my site I'm using an image map. The links target an iframe. Everything is fine, except the image map seems to be loading in two instances...once as the image map and once as a background.

http://satanlovesyou.evil.cc is my site...take a look as I'm likely not explaining this well.

I've likely made some stupid mistake, please help me find out what it is.




The code I'm using is as follwos:

<html>
<head>
<style type="text/css">
<!--
A:link
{ text-decoration:none; color:#ffffff }
A:visited
{ text-decoration:none; color:#ffffff }
A:active
{ text-decoration:none; color:#ffffff }
a:hover {
filter:shadow(Color=#CC0000,Direction=180);
height: 0;
cursor:crosshair; }


body {
background-image:url(Untitled-1.jpg);
background-attachment:fixed;
color: #000000;
font-size: 7pt;
font-family: News Gothic MT;
cursor: crosshair;}

{scrollbar-face-color:#ff0000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#ff0000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-Color:#ff0000;
}
-->
</style>
</head>
<body>


<IMG SRC="Untitled-1.jpg" WIDTH=1000 HEIGHT=680 BORDER=0 ALT="map." USEMAP="Untitled_1_Map">
<MAP NAME="Untitled_1_Map">
<AREA SHAPE="poly" ALT="" COORDS="47,292, 59,192, 84,198, 70,303" HREF="http://satanlovesyou.evil.cc/contact.html" TARGET="iframe">
<AREA SHAPE="poly" ALT="" COORDS="114,516, 182,514, 184,537, 107,538" HREF="http://satanlovesyou.evil.cc/links.html" TARGET="iframe">
<AREA SHAPE="poly" ALT="" COORDS="365,501, 446,484, 474,482, 478,504, 369,524" HREF="http://satanlovesyou.evil.cc/ pictures.html" TARGET="iframe">
<AREA SHAPE="poly" ALT="" COORDS="488,234, 499,341, 508,379, 528,374, 522,326, 521,296, 515,263, 505,228" HREF="http://satanlovesyou.evil.cc/miscellany.html" TARGET="iframe">
<AREA SHAPE="poly" ALT="" COORDS="279,69, 358,64, 395,69, 392,92, 330,90, 311,92, 276,89" HREF="http://satanlovesyou.evil.cc/bio.html" TARGET="iframe">
<AREA SHAPE="poly" ALT="" COORDS="105,48, 201,58, 199,81, 97,74" HREF="http://satanlovesyou.evil.cc/quotes.html" TARGET="iframe">
</MAP>

<iframe FRAMEBORDER="0" BORDER=0 width=350
height=362 src="inline.html"
name=iframe style="position:absolute; left:103; top:121; FILTER: chroma(color=#ff0000)" scrolling=yes allowtransparency="true"></iframe>

</body>
</html>

kittycat
08-11-2003, 02:32 AM
You have it set as your background image in the CSS. Your body section needs to be changed to this:

body {
color: #000000;
font-size: 7pt;
font-family: News Gothic MT;
cursor: crosshair;
scrollbar-face-color:#ff0000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#ff0000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:#ff0000;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-Color:#ff0000;
}

freakish
08-11-2003, 03:32 AM
But now since it's not a background it's not fixed...it's scrolling and i only want the iframe to scroll.

Help!