Don't Move?

loserWILL · 14-06-2008, 05:59 PM

When I click on an image, I have a JS box that appears (using script.aculo.us code). Under that I have a spacer image. I want the spacer image to stay still, and not move when that extra box opens up, but it moves down. How would I go about keeping it in the same spot?

http://kolzy.com/

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kolzy : wassup b?</title>

<script src="javascript/prototype.js" type="text/javascript"></script>
<script src="javascript/scriptaculous.js" type="text/javascript"></script>

<style type="text/css">
body {
background-color: #2a76a6;
font-family: "Trebuchet MS";
font-size: 12px;
color: #FFFFFF
}

#splash {
width: 247px;
margin-top: 104px;
}

#splash_image {
background-image: url(images/logo.png);
height: 105px;
width: 247px;
outline: none;
}

#splash_image_box {
width: 217px;
}

#splash_image_box_top {
background-image: url(images/onclick_top.png);
width: 217px;
height: 29px;
}

#splash_image_box_middle {
background-image: url(images/onclick_middle.png);
width: 217px;
height: 150px;
}

#splash_image_box_bottom {
background-image: url(images/onclick_bottom.png);
width: 217px;
height: 10px;
}

#box_text {
width: 203px;
height: 108px;
color: #000000;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}

#seperator {
background-image: url(images/seperator.png);
width: 293px;
height: 7px;
margin-top: 200px;
overflow: hidden;
clear: both;
}
</style>
</head>

<body>

<div align="center">
<div id="splash">

<a href="#" onclick="$('splash_image_box').appear(); return false;"><div id="splash_image"></div></a>
<a href="#" onclick="$('splash_image_box').hide(); return false;"><div id="splash_image_box" style="display:none;"><div id="splash_image_box_top"></div>
<div id="splash_image_box_middle">
<div id="box_text">
Hey there, I'm Will. I'm 12 years old and love developing websites, it's my hobby! I don't play habbo at all anymore, but I do use the forum Habbos.net (I'm Chlorofluorocarbon) very often. I'll be using this site to post any projects I'm working on, downloads, etc. (click to close)
</div>
</div>
<div id="splash_image_box_bottom"></div>
</div></a>

</div>

<div id="seperator"></div>

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

~~Jackboy~~ · 14-06-2008, 06:18 PM

I want to know this too actually.

I thought it'd be something like position: absolute; but im a noob at css

Anyone that helps i will also +rep

Source · 14-06-2008, 06:19 PM

Yes make the position absolute. Add me on msn (PM me for it), Jack you already have it.

loserWILL · 14-06-2008, 06:23 PM

Add me: [email protected]

Thread: Don't Move?

Thread Tools

Don't Move?

Posting Permissions