Whats wrong with this code.
Hey guys, jw wondering, whats wrong with this code?
HTML Code:
<html>
<head>
<title>HabboFury ;; We CAN light up your day...!</title>
<style type="text/css">
body {
background: url(images/background1.PNG);
width: 800px;
}
#HabboFury {
background: url(images/nav/HabboFury1.PNG);
height:26px;
width:189px;
}
#HabboFury:hover
{
background: url(images/nav/HabboFury2.PNG);
height:26px;
width:189px;
}
#Fansite {
background: url(images/nav/Fansite1.PNG);
height:26px;
width:189px;
}
#Fansite:hover
{
background: url(images/nav/Fansite2.PNG);
height:26px;
width:189px;
}
#Jobs {
background: url(images/nav/Jobs1.PNG);
height:26px;
width:189px;
}
#Jobs:hover
{
background: url(images/nav/Jobs2.PNG);
height:26px;
width:189px;
}
#Radio {
background: url(images/nav/Radio1.PNG);
height:26px;
width:189px;
}
#Radio:hover
{
background: url(images/nav/Radio2.PNG);
height:26px;
width:189px;
}
#Guides {
background: url(images/nav/Guides1.PNG);
height:26px;
width:189px;
}
#Guides:hover
{
background: url(images/nav/Guides2.PNG);
height:26px;
width:189px;
}
#Safety {
background: url(images/nav/Safety1.PNG);
height:26px;
width:189px;
}
#Safety:hover
{
background: url(images/nav/Safety2.PNG);
height:26px;
width:189px;
}
#Forum {
background: url(images/nav/Forum1.PNG);
height:24px;
width:189px;
}
#Forum:hover
{
background: url(images/nav/Forum2.PNG);
height:24px;
width:189px;
}
#top1 {
background: url(images/top1.PNG);
width: 890px;
height: 23px;
margin-top: -9px;
margin-left: 5px;
padding-top: 8px;
padding-left:100px;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
#top2 {
background: url(images/top2.PNG);
width: 890px;
height: 26px;
margin-top: 0px;
margin-left: 5px;
padding-top: 4px;
padding-left:100px;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
#un3 {
background: url(images/un3.GIF);
margin-left:23px;
height: 25px;
width: 52px;
}
#banner {
background: url(images/banner.PNG);
width: 893px;
height: 137px;
margin-left: 75px;
margin-top: -25px;
}
#dj1 {
background: url(images/dj.PNG);
width: 888px;
padding-right: 20px;
padding-left: 75px;
padding-top: 5px;
padding-botton: 5px;
height: 19px;
margin-left: 14px;
margin-top: 15px;
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
}
#dj2 {
background: url(images/dj2.PNG);
margin-left:14px;
height: 6px;
width: 983px;
}
#cont1 {
background: url(images/content1.PNG);
width: 506px;
padding-left: 20px;
height: 24px;
padding-top:7px;
font-family: tahoma;
font-size: 16px;
color: #FFFFFF;
font-weight:bold;
margin-left: 243px;
margin-top: -6px;
}
#cont2 {
background: url(images/content2.PNG);
width: 506px;
padding-left: 20px;
height: 22px;
padding-top:7px;
margin-left: 243px;
font-family: Verdana;
font-size: 13px;
color: #FFFFFF;
}
#contmid {
background: url(images/contmid.PNG);
width: 507px;
padding-left: 10px;
padding-right: 10px;
padding-top:5px;
margin-left: 242px;
font-family: Verdana;
font-size: 11px;
color: #000000;
}
#content3 {
background: url(images/content3.PNG);
width: 525px;
height: 6px;
margin-left: 243px;
}
#box1 {
background: url(images/box1.PNG);
width: 204px;
padding-left: 25px;
height: 24px;
padding-top: 10px;
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left: 14px;
margin-top: -91px;
}
#box2 {
background: url(images/box2.PNG);
width: 189px;
margin-left: 14px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 10px;
color: #000000;
}
#nav3 {
background: url(images/box3.GIF);
width: 229px;
height: 11px;
margin-left: 14px;
}
#bet1 {
background: url(images/bet.PNG);
width: 229px;
height: 14px;
margin-left: 14px;
}
#Radio1 {
background: url(images/box1.PNG);
width: 204px;
padding-left: 25px;
height: 24px;
padding-top: 10px;
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left: 14px;
}
#Radio2 {
background: url(images/box2.PNG);
width: 189px;
margin-left: 14px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 10px;
color: #000000;
}
#Radio3 {
background: url(images/box3.PNG);
width: 229px;
height: 12px;
margin-left: 14px;
}
#bet2 {
background: url(images/bet.PNG);
width: 229px;
height: 14px;
margin-left: 14px;
}
#jobapp1 {
background: url(images/box1.PNG);
width: 204px;
padding-left: 25px;
height: 24px;
padding-top: 10px;
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left: 14px;
}
#jobapp2 {
background: url(images/box2.PNG);
width: 189px;
margin-left: 14px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 10px;
color: #000000;
}
#jobapp3 {
background: url(images/box3.PNG);
width: 229px;
height: 12px;
margin-left: 14px;
}
#left1 {
background: url(images/left1.PNG);
width: 228px;
height: 8px;
margin-left: 15px;
}
#news1 {
background: url(images/box1.PNG);
width: 204px;
padding-left: 25px;
height: 24px;
padding-top: 10px;
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left: 768px;
margin-top: -432px;
}
#news2 {
background: url(images/box2.PNG);
width: 189px;
margin-left: 768px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 10px;
color: #000000;
}
#news3 {
background: url(images/box3.PNG);
width: 229px;
height: 12px;
margin-left: 768px;
}
#bet3 {
background: url(images/bet.PNG);
width: 229px;
height: 14px;
margin-left: 768px;
}
#group1 {
background: url(images/box1.PNG);
width: 204px;
padding-left: 25px;
height: 24px;
padding-top: 10px;
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left: 768px;
}
#group2 {
background: url(images/box2.PNG);
width: 189px;
margin-left: 768px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 10px;
color: #000000;
}
#group3 {
background: url(images/box3.PNG);
width: 229px;
height: 12px;
margin-left: 768px;
}
#bet4 {
background: url(images/bet.PNG);
width: 229px;
height: 14px;
margin-left: 768px;
}
#poll1 {
background: url(images/box1.PNG);
width: 204px;
padding-left: 25px;
height: 24px;
padding-top: 10px;
font-family: Verdana;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left: 768px;
}
#poll2 {
background: url(images/box2.PNG);
width: 189px;
margin-left: 768px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 10px;
color: #000000;
}
#poll3 {
background: url(images/box3.PNG);
width: 229px;
height: 12px;
margin-left: 768px;
}
#right1 {
background: url(images/left1.PNG);
width: 228px;
height: 8px;
margin-left: 768px;
}
.r_container {
width: 229px;
float: right;
}
.mid_container {
width: 526px;
float: center;
}
.left_container {
width: 526px;
float: center;
}
</style>
</head>
<body>
<div id="top1">Hey there, welcome to the <b>BRAND NEW</b> HabboFury.com, Sign into our brand new UserSystem Now! :D. </div>
<div id="top2"><marquee>Join in the fun, listen to our new funky radio with our crazyyyy DJ'S!</marquee></div>
<div id="un3"></div>
<div id="banner"></div>
<div id="dj1"><center><blink>Search <b>LegendOfNoob</b> on Habbo USA for a crankin party, <b>SOMEONE TURN UP THE MUSIC, WOOT!</b></blink></center></div>
<div id="dj2"></div>
<div id="mid_container">
<div id="cont1">Page title here ... !</div>
<div id="cont2">Short page desc. here.</div>
<div id="contmid"><br><br></div>
<div id="content3"></div>
</div>
<div id="left_container">
<div id="box1">Navigator</div>
<div id="box2"> <div id="HabboFury"></div> <div id="Fansite"></div> <div id="Jobs"></div> <div id="Radio"></div> <div id="Guides"></div> <div id="Safety"></div> <div id="Forum"></div> </div>
<div id="nav3"></div>
<div id="bet1"></div>
<div id="jobapp1">Radio</div>
<div id="jobapp2">DJ <b>::</b> LegendOfNoob<br>
Song <b>::</b> Yahh Trick - Soulja Boy<br>
Listeners <b>::</b> 78/100</div>
<div id="jobapp3"></div>
<div id="bet2"></div>
<div id="JobApp1">Link Us</div>
<div id="JobApp2">A paragraph or 2 based on the box title...<br>afdghdf<br>afdghdf<br>afdghdf</div>
<div id="JobApp3"></div>
<div id="left1"></div>
</div>
<div id="r_container">
<div id="news1">Latest News</div>
<div id="news2">Latest news.. Powered by CuteNews (i think :S)</div>
<div id="news3"></div>
<div id="bet3"></div>
<div id="group1">Group</div>
<div id="group2">Group info, how to join and what ever over here.</div>
<div id="group3"></div>
<div id="bet4"></div>
<div id="poll1">Weekly Poll</div>
<div id="poll2">Why not take part in this weeks poll?<br>afdghdf<br>afdghdf<br>afdghdf<br>afdghdf</div>
<div id="poll3"></div>
<div id="right1"></div>
</div>
</body>
</html>
Because the boxes aren't in the right place, although they're suppose to be, pm me for a preview.
