Forum Moderators: travelin cat
Thanks in advance for assistance,
J
HTML:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="blb.css" rel="stylesheet" type="text/css" media="screen" />
<SCRIPT type="text/javascript" src="mouseover.js"></SCRIPT>
<title>Busy Little Beings</title>
</head>
<body text="#000000" link="#ffffff" alink="#ffffff" ahover="#ffffff" vlink="#ffffff">
<div id="header"><img src="landing/images/a_01.gif" width="900" height="505" alt=""><div>
<div id="top"><a href="home.php" onmouseover="over_image('img0');" onmouseout="off_image('img0')"><img src="landing/images/a_02.gif" width="316" height="158" border="0" name="img0"></a><img src="landing/images/a_03.gif" width="584" height="158" alt=""></div>
<div id="writing"><p><br><img src="arrow.gif"> Half Term: 26th June to 5th July<br><br><img src="arrow.gif"> Please remember to bring in bottle tops for <i>Music</i> theme.<br><br><img src="arrow.gif"> We would like to qualify for <i>Collect-a-Can</i> so please bring in all your empty cans.</p><br></div>
</body>
</html>
CSS:
body {behavior:url(whatever-hover.htc); line-height:16px; text-align:justified; font-family:courier;
font-size:10px; color:#000000; text-transform:lowercase; vertical-align:top; background:#cfcfcf;
background-image:url(background.gif); background-repeat:repeat-x repeat-y; text-decoration:none; border:0; padding:0; margin:0;}
p {font-size:12px; text-align:justified; line-height:20px;}
a: link {color: #007836; text-decoration: none;}
#header{position:absolute; left: 0px; top: 0px; padding:0;}
#top{position:absolute; left: 0px; top: 505px; padding:0; z-index:-1; text-decoration:none;}
#spacer1{position:absolute; left: 0px; top: 162px; padding:0; z-index:-1; text-decoration:none;}
#spacer2{position:absolute; left: 0px; top: 177px; padding:0; z-index:-1; text-decoration:none;}
#content{position:absolute; left: 0px; top: 200px; padding:0; z-index:-1; text-decoration:none;}
#bottom{position:absolute; left: 0px; top: 527px; padding:0; z-index:-1; text-decoration:none;}
#writing{position:absolute; width:270px; z-index:1; left:570px; top:258px;}
#footer{position:absolute; width:900px; z-index:1; left:5px; top:700px; text-align:center; text-decoration:none; font-size:10px; color:#4060aa;}
JS:
<!-- Hide the script from old browsers --
img0_on = new Image(177,35);
img0_on.src="landing/images/b_02.gif";
img0_off = new Image(177,35);
img0_off.src="landing/images/a_02.gif";
function over_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_on.src");
}
function off_image(parm_name)
{
document[parm_name].src = eval(parm_name + "_off.src");
}
// --End Hiding Here -->
<div id="header"><img src="landing/images/a_01.gif" width="900" height="505" alt=""><div>
Don't know if it's causing your problem, but this div is not being closed properly.
Have you cleared Safari's cache? I've seen things like this happen, then I went to a different machine and found that I had solved the problem but the cache in the original browser was holding the older version.
ReferenceError: Can't find variable: over_image (repeated 2 times)
ReferenceError: Can't find variable: off_image (repeated 2 times)
See Apple's Safari Development Tools Page [developer.apple.com]
position:absolute Hope this helps someone else somewhere along the line, too. Thanks Fred!
