All in a night's work.......

wsg14 · 11-11-2008, 04:29 AM

You don't need anything in the body tags as long as you use the code we provided. Post a link?

Black_Apalachi · 11-11-2008, 04:36 AM

I don't have it online yet.

I already had this in (hence there's a background in every browser except IE):

body {padding: 0; margin: 9px; text-align:center; background: url("images/bg_sky_trees.gif") repeat-x;}

Btw can you have repeat values X and Y together?

UniqueHabbo · 11-11-2008, 04:39 AM

hmm
this is a wild stab in the dark as i dont use CSS but...

Code:

<body>
<div id="body"></div>
</body>

Like I said, real small chance of it working lol...

Black_Apalachi · 11-11-2008, 04:43 AM

Originally Posted by UniqueHabbo

hmm
this is a wild stab in the dark as i dont use CSS but...

Code:

<body>
<div id="body"></div>
</body>

Like I said, real small chance of it working lol...

I assume I put that between the body tags already there? Nope didn't work

.

UniqueHabbo · 11-11-2008, 04:45 AM

Originally Posted by Robald

I assume I put that between the body tags already there? Nope didn't work

.

sorry then

Black_Apalachi · 11-11-2008, 04:47 AM

Originally Posted by UniqueHabbo

sorry then

Thanks for trying

.

IE always has some stupid thing that it does for no reason at all.

One last chance, I'll post the whole thing like BOX! said before just in case there's anything wrong with it.

<!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>Robald.net</title>
<style type="text/css">

body {padding: 0; margin: 9px; text-align:center; background: url("images/bg_sky_trees.gif") repeat-x;}

div#container {margin: 0 auto; width: 700px; text-align

eft;}
div#banner {width: 171px; height: 443px; margin-bottom: auto; float: left; background: url("images/banner.gif");}
div#nav_top {width: 35px; height: 60px; margin-right: auto; float: left; background: url("images/nav_top.gif");}
div#main_top {width: 493px; height: 60px; margin-right: auto; float: left; background: url("images/main_top.gif");}
div#nav_1 {width: 35px; height: 71px; margin-right: auto; float: left; background: url("images/nav_1.gif");}
div#main_middle {width: 493px; height: 355px; margin-right: 1px; float: right; background: url("images/main_middle.gif");}
div#nav_2 {width: 35px; height: 71px; margin-right: auto; float: left; background: url("images/nav_2.gif");}
div#nav_3 {width: 35px; height: 71px; margin-right: auto; float: left; background: url("images/nav_3.gif");}
div#nav_4 {width: 35px; height: 71px; margin-right: auto; float: left; background: url("images/nav_4.gif");}
div#nav_5 {width: 35px; height: 76px; margin-right: auto; float: left; background: url("images/nav_5.gif");}
div#main_bottom {width: 493px; height: 28px; margin-right: 1px; float: right; background: url("images/main_bottom.gif");}
div#nav_bottom {width: 35px; height: 23px; margin-right: auto; float: left; background: url("images/nav_bottom.gif");}
div#blank {clear

eft;}

div#container_2 {margin: 0 auto; width: 700px; text-align

eft;}
div#spacer_1 {width: 700px; height: 15px; margin-right: auto; background: url("images/spacer_1.gif");}
div#headlines_top {width: 514px; height: 39px; margin-right: auto; float: left; background: url("images/headlines_top.gif");}
div#radio_top {width: 171px; height: 39px; margin-right: auto; float: right; background: url("images/radio_top.gif");}
div#headlines_bottom {width: 514px; height: 90px; margin-right: auto; float: left; background: url("images/headlines_bottom.gif");}
div#spacer_2 {width: 15px; height: 114px; margin-right: auto; float: left; background: url("images/spacer_2.gif");}
div#radio_bottom {width: 171px; height: 90px; margin-right: auto; float: right; background: url("images/radio_bottom.gif");}

</style>
</head>

<body>

<div id="container">
<div id="banner"></div>
<div id="nav_top"></div>
<div id="main_top"></div>
<div id="nav_1"></div>
<div id="main_middle"></div>
<div id="nav_2"></div>
<div id="nav_3"></div>
<div id="nav_4"></div>
<div id="nav_5"></div>
<div id="main_bottom"></div>
<div id="nav_bottom"></div>
<div id="blank"></div>
</div>

<div id="container_2">
<div id="spacer_1"></div>
<div id="headlines_top"></div>
<div id="radio_top"></div>
<div id="headlines_bottom"></div>
<div id="spacer_2"></div>
<div id="radio_bottom"></div>
</div>

</body>
</html>

wsg14 · 11-11-2008, 04:54 AM

Your CSS:

Code:

body {padding: 0; margin: 9px; text-align:center; background: url("images/bg_sky_trees.gif") repeat-x;}

Proper CSS:

Code:

body {padding: 0; margin: 9px; text-align:center; background: url(images/bg_sky_trees.gif) repeat-x;}

You don't need quotations.

Jaysun · 11-11-2008, 04:59 AM

BOX! Beat me to it this time. Also you should place your css in another file as an external style sheet.

Black_Apalachi · 11-11-2008, 05:01 AM

I tried canging the background image but it still didn't work, then I tried an animated one I have (the rain one on Habbo Homes) and that works!!

Originally Posted by BOX!

Your CSS:

Code:

body {padding: 0; margin: 9px; text-align:center; background: url("images/bg_sky_trees.gif") repeat-x;}

Proper CSS:

Code:

body {padding: 0; margin: 9px; text-align:center; background: url(images/bg_sky_trees.gif) repeat-x;}

You don't need quotations.

That made no difference

. Thanks for trying, I'll just stick with the rain background for now

.

Edit: Oh I found another that works. It seems to depend solely on the image (even though they're all .gifs) :S

In fact, the only two that won't work are the trees/sky one and the forrest/field one.

Jaysun · 11-11-2008, 05:04 AM

Oh alright. Well you can go on http://w3schools.com and htmldog.com and html.net for some good coding tutorials that can help you. =]

Thread: All in a night's work.......

Thread Tools

Posting Permissions