Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Results 1 to 4 of 4
  1. 20-07-2008, 12:04 PM #1
    Gangster's Avatar
    Gangster
    Gangster is offline Senior Member
    Join Date
    Jun 2007
    Posts
    1,757
    Tokens
    105

    Latest Awards:

    1000 Posts
    Total Awards: 1

    Default 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.
    Get back imma let my gat go,
    got a itchy finger... imma leave a fat hole.
    - Giggs :: Ruthless Freestyle
    I owe rep to - .:Jack120:. HabbDance
    Reply With Quote Reply With Quote
  2. 20-07-2008, 12:13 PM #2
    Janczyk
    Janczyk is offline Banned
    Join Date
    Jun 2008
    Location
    Doncaster
    Posts
    885
    Tokens
    0

    Default

    Add float: right/left;
    Reply With Quote Reply With Quote
  3. 20-07-2008, 12:19 PM #3
    Gangster's Avatar
    Gangster
    Gangster is offline Senior Member
    Join Date
    Jun 2007
    Posts
    1,757
    Tokens
    105

    Latest Awards:

    1000 Posts
    Total Awards: 1

    Default

    Quote Originally Posted by RUN View Post
    Add float: right/left;
    where?
    Get back imma let my gat go,
    got a itchy finger... imma leave a fat hole.
    - Giggs :: Ruthless Freestyle
    I owe rep to - .:Jack120:. HabbDance
    Reply With Quote Reply With Quote
  4. 20-07-2008, 12:25 PM #4
    Joshuae
    Joshuae is offline Banned
    Join Date
    May 2008
    Posts
    910
    Tokens
    0

    Default

    Nice "rip-off" of PowerRADIOs sig btw.
    & as said add Floats to your wrappers.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules