Gangster
04-08-2008, 09:36 PM
I have 2 problems
1 I want it to be so when you hover over an image, it changes into a diferent one. Here's my CSS.
#HabboPop {
background: url(images/navbuttons/HabboPop1.PNG);
height:27px;
width:209px;
}
#HabboPop:hover
{
background: url(images/navbuttons/HabboPop2.PNG);
height:27px;
width:209px;
}
and my html
<div id="HabboPop"></div>
But when i hover over it, it still stays the same
2 For some reason, even though i made a cotainer, the other boxes still go down. Because the top content bar, is set to be -???px. because if it was at zero, it would go below the div previously placed.
HTML
<!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">
<style type="text/css">
<!--
#container {
width: 229px;
}
#nav1 {
background-image: url(images/blue-box1.PNG);
width: 217px;
height: 24px;
margin-left: 32px;
padding-left: 12px;
padding-top: 8px;
font-family: Tahoma;
font-size:11px;
color:#FFFFFF;
}
#nav2 {
background-image: url(images/box-mid.PNG);
width: 209px;
margin-left: 32px;
padding-right: 10px;
padding-left: 10px;
padding-top: 4px;
font-family: Verdana;
font-size:11px;
color:#919191;
}
#nav3 {
background-image: url(images/blue-box2.PNG);
width: 229px;
height: 10px;
margin-left: 32px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="nav1"><b>Navigator</b></div>
<div id="nav2">
<div id="HabboPop"></div>
</div>
<div id="nav3"></div>
</body>
</html>
Preview
http://www.tehupload.com/uploads/2913720945bfde2problem.PNG
1 I want it to be so when you hover over an image, it changes into a diferent one. Here's my CSS.
#HabboPop {
background: url(images/navbuttons/HabboPop1.PNG);
height:27px;
width:209px;
}
#HabboPop:hover
{
background: url(images/navbuttons/HabboPop2.PNG);
height:27px;
width:209px;
}
and my html
<div id="HabboPop"></div>
But when i hover over it, it still stays the same
2 For some reason, even though i made a cotainer, the other boxes still go down. Because the top content bar, is set to be -???px. because if it was at zero, it would go below the div previously placed.
HTML
<!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">
<style type="text/css">
<!--
#container {
width: 229px;
}
#nav1 {
background-image: url(images/blue-box1.PNG);
width: 217px;
height: 24px;
margin-left: 32px;
padding-left: 12px;
padding-top: 8px;
font-family: Tahoma;
font-size:11px;
color:#FFFFFF;
}
#nav2 {
background-image: url(images/box-mid.PNG);
width: 209px;
margin-left: 32px;
padding-right: 10px;
padding-left: 10px;
padding-top: 4px;
font-family: Verdana;
font-size:11px;
color:#919191;
}
#nav3 {
background-image: url(images/blue-box2.PNG);
width: 229px;
height: 10px;
margin-left: 32px;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="nav1"><b>Navigator</b></div>
<div id="nav2">
<div id="HabboPop"></div>
</div>
<div id="nav3"></div>
</body>
</html>
Preview
http://www.tehupload.com/uploads/2913720945bfde2problem.PNG