-
Don't Move?
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>
-
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
-
Yes make the position absolute. Add me on msn (PM me for it), Jack you already have it.
-
