Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. 29-09-2007, 09:02 PM #1
    Chippiewill's Avatar
    Chippiewill
    Chippiewill is offline Habbox God
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    10,000 Posts Habbox Summer Spectacular VIP 10,000 Posts
    Total Awards: 16

    Default Content is moving :S!

    content moving


    mmm my content keeps moving

    http://www.thehabbies.com/free

    Code:

    PHP 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=iso-8859-1" />
    <title>The habbies.com Radio!!!</title>
    <style type="text/css">
    <!--
    /* Free HABBO CSS Layout - This template was created/coded by Invent! of Habbo UK */
    body {
    background-position: top;
    background-image: url(images/backgroundtreees.png);
    background-repeat:repeat-x;
    background-color: #548d00;
    margin-top: 6px;
    }
    #top {
    background-image: url(images/top.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 781px;
    max-height: 7px;
    min-height: 7px;
    }
    #middle {
    background-image: url(images/middle.gif);
    background-repeat: repeat-y;
    width: 781px;
    }
    #bottom {
    background-image: url(images/bottom.gif);
    background-position: top;
    background-repeat: no-repeat;
    width: 781px;
    height: 7px;
    }
    #banner {
    background-image: url(images/banner.gif);
    width: 764px;
    height: 126px;
    }
    #container {
    width: 100%;
    margin-top: 15px;
    text-align: left;
    }
    #leftcontainer {
    text-align: left;
    width: 300px;
    padding-left: 10px;
    }
    #rightcontainer {
    margin-top: -110px;
    margin-left: 248px;
    }
    /* Box DIVS */
    #top_box {
    background-image: url(images/left_box_top.gif);
    background-repeat: no-repeat;
    width: 221px;
    height: 22px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 10px;
    }
    #box_mid {
    background-image: url(images/left_box_mid.gif);
    background-repeat: repeat-y;
    width: 221px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-left: 6px;
    padding-right: 6px;
    }
    #box_bot {
    background-image: url(images/left_box_bot.gif);
    background-repeat: no-repeat;
    width: 221px;
    height: 10px;
    }
    /* End of boxes */
    /* //////////// */
    /* Content box DIVS */
    #content_top {
    background-image: url(images/content_box_top.gif);
    background-repeat: no-repeat;
    width: 523px;
    height: 22px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 6px;
    padding-left: 8px;
    }
    #content_mid {
    background-image: url(images/content_box_mid.gif);
    background-repeat: repeat-y;
    width: 533px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
    }
    #content_bot {
    background-image: url(images/content_box_bot.gif);
    background-repeat: no-repeat;
    width: 522px;
    height: 10px;
    }
    /* End of content box divs */
    /* ////////////////////// */
    /* Disclaimer box */
    #disclaimer {
    margin-top: 10px;
    }
    #disc_top {
    background-image: url(images/disc_top.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 762px;
    height: 11px;
    }
    #disc_mid {
    background-image: url(images/disc_mid.gif);
    width: 762px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    }
    #disc_bot {
    background-image: url(images/disc_bot.gif);
    background-position: top;
    background-repeat: no-repeat;
    width: 762px;
    height: 11px;
    }
    /* Font styles */
    #title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    color: #003366;
    font-weight: bold;
    }
    #subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
    color: #003366;
    }
    span {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    }
    span a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-style: normal;
    text-decoration: none;
    }
    span a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    span a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    font-style: normal;
    text-decoration: none;
    }
    #disclaimer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    }
    #disclaimer a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
    }
    #disclaimer a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    }
    #disclaimer a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    font-style: normal;
    text-decoration: none;
    }
    -->
    </style>
    </head>
    <body>
    <div id="sitecontainer" align="center">

    <div id="top"></div>

    <div id="middle">


    <!-- Banner -->
    <div id="banner"></div>
    <!-- End of banner -->

    <!-- Page container -->
    <div id="container">
    <!-- ///////////////////// -->
    <!-- Content box -->
    <div id="leftcontainer">
    <!-- Navigation box -->
    <div id="navigation">
    <!-- Top of navigation box (title) -->
    <div id="top_box"> &raquo; Navigation </div>
    <!-- End of top -->
    <!-- Navigation box -->
    <div id="box_mid"> <font style="font-size:13px;" color="#000000" face="Arial">
    <a href="index.php?page=home">Homepage</a><br><a href="index.php?page=news">News</a><br><a href="http://">Link 3</a><br><a href="">Link 4</a></font></div>
    <!-- End of navigation box -->
    <!-- Bottom of box -->
    <div id="box_bot"></div>
    <!-- End of bottom of box -->
    </div>
    <!-- End of navigation box -->
    <div id="spacer" style="padding-top: 10px;"></div>
    <!-- Radio player box -->
    <div id="rp_box">
    <!-- Top of radio player box (title) -->
    <div id="top_box"> &raquo; Radio Stats </div>
    <!-- End of top -->
    <!-- Radio player box -->
    <div id="box_mid"> <iframe src="http://www.thehabbies.com/powerpanel/frontend/alerts.php
    " frameborder="0" name="alerts" width="0" height="0"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/djsays.php
    " frameborder="0" name="alerts" width="200" height="100"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/radio_stats.php
    " frameborder="0" name="alerts" width="200" height="100"></iframe>
    </div>
    <!-- End of radio player box -->
    <!-- Bottom of box -->
    <div id="box_bot"></div>
    <!-- End of bottom of box -->
    </div>
    <!-- End of radio player box -->
    </div>
    <div id="rightcontainer">

    <div id="content_top">
    &raquo; Content
    </div>

    <div style="padding-right: 100px padding-left: 6px;" id="content_mid">
    <?php 
    if (!isset($page)) 
    { 
    include(    "home.htm"); 
    } 
    if(    file_exists($_GET['page'].".php")){ 
    include     $_GET['page'].'.php'; 
    } 
    if(    file_exists($_GET['page'].".html")){ 
    include     $_GET['page'].'.html'; 
    } 
    if(    file_exists($_GET['page'].".txt")){ 
    include     $_GET['page'].'.txt'; 
    } 
    elseif (isset(    $page) && !@include("$page")) 
    { 
    echo     "Error Page not found!"; 
    } 
    ?>

    </div>

    <div id="content_bot"></div>

    </div>

    <!-- End of content box-->
    </div>
    <!-- End of page container -->
    <!-- Please do not remove ANY copyright disclaimers on the disclaimer page or on this page -->
    <div id="disclaimer">

    <div id="disc_top"></div>

    <div id="disc_mid">
    <? include("disclaimer.php"); ?>
    </div>

    <div id="disc_bot"></div>

    </div>


    </div>

    <div id="bottom"></div>

    </div>
    <div id="moo"> <center><?php include("radio1.htm"); ?> </center> </div>
     
    </body>
    </html>
    Content box keeps moving

    any explanations
    Chippiewill.

    Reply With Quote Reply With Quote
  2. 29-09-2007, 10:54 PM #2
    Chippiewill's Avatar
    Chippiewill
    Chippiewill is offline Habbox God
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    10,000 Posts Habbox Summer Spectacular VIP 10,000 Posts
    Total Awards: 16

    Default

    sorry bump coz i dont think peeps actually realise this thread exists as 10min after i made it anothother thread was made hiding it.
    Chippiewill.

    Reply With Quote Reply With Quote
  3. 29-09-2007, 11:01 PM #3
    Eccentric
    Eccentric is offline Banned
    Join Date
    Jul 2007
    Location
    Swindon
    Posts
    990
    Tokens
    125

    Default

    put that above the navigation code

    Code:
    <div id="content_top">
&raquo; Content
</div>

<div style="padding-right: 100px padding-left: 6px;" id="content_mid">
<?php 
if (!isset($page)) 
{ 
include("home.htm"); 
} 
if(file_exists($_GET['page'].".php")){ 
include $_GET['page'].'.php'; 
} 
if(file_exists($_GET['page'].".html")){ 
include $_GET['page'].'.html'; 
} 
if(file_exists($_GET['page'].".txt")){ 
include $_GET['page'].'.txt'; 
} 
elseif (isset($page) && !@include("$page")) 
{ 
echo "Error Page not found!"; 
} 
?>

</div>

<div id="content_bot"></div>

</div>

<!-- End of content box-->
    that may work
    Reply With Quote Reply With Quote
  4. 29-09-2007, 11:03 PM #4
    GhostFace-'s Avatar
    GhostFace-
    GhostFace- is offline Habbox Master
    Join Date
    Apr 2007
    Posts
    5,587
    Tokens
    0

    Latest Awards:

    5000 Posts
    Total Awards: 1

    Default

    Hmm im not to good with this stuff but ill have a friend check it out
    Now im at the top aint know where to go now, instead of me she gon go down
    - Kanye west


    help the Mods, use the report button


    Reply With Quote Reply With Quote
  5. 29-09-2007, 11:11 PM #5
    Chippiewill's Avatar
    Chippiewill
    Chippiewill is offline Habbox God
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    10,000 Posts Habbox Summer Spectacular VIP 10,000 Posts
    Total Awards: 16

    Default

    bah it wont wrk its to do with sumin easy i bet
    Chippiewill.

    Reply With Quote Reply With Quote
  6. 29-09-2007, 11:16 PM #6
    Eccentric
    Eccentric is offline Banned
    Join Date
    Jul 2007
    Location
    Swindon
    Posts
    990
    Tokens
    125

    Default

    set all the content divs to margin: 0 auto; :S
    Reply With Quote Reply With Quote
  7. 29-09-2007, 11:20 PM #7
    Chippiewill's Avatar
    Chippiewill
    Chippiewill is offline Habbox God
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    10,000 Posts Habbox Summer Spectacular VIP 10,000 Posts
    Total Awards: 16

    Default

    which margin?

    ps if it helps i d=ont mind if the content has to switch sides

    edit: just switched the sides no chnage
    Last edited by Chippiewill; 29-09-2007 at 11:24 PM.
    Chippiewill.

    Reply With Quote Reply With Quote
  8. 29-09-2007, 11:24 PM #8
    Eccentric
    Eccentric is offline Banned
    Join Date
    Jul 2007
    Location
    Swindon
    Posts
    990
    Tokens
    125

    Default

    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=iso-8859-1" />
<title>The habbies.com Radio!!!</title>
<style type="text/css">
<!--
/* Free HABBO CSS Layout - This template was created/coded by Invent! of Habbo UK */
body {
background-position: top;
background-image: url(images/backgroundtreees.png);
background-repeat:repeat-x;
background-color: #548d00;
margin-top: 6px;
}
#top {
background-image: url(images/top.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 781px;
max-height: 7px;
min-height: 7px;
}
#middle {
background-image: url(images/middle.gif);
background-repeat: repeat-y;
width: 781px;
}
#bottom {
background-image: url(images/bottom.gif);
background-position: top;
background-repeat: no-repeat;
width: 781px;
height: 7px;
}
#banner {
background-image: url(images/banner.gif);
width: 764px;
height: 126px;
}
#container {
width: 100%;
margin-top: 15px;
text-align: left;
}
#leftcontainer {
text-align: left;
width: 300px;
padding-left: 10px;
}
#rightcontainer {
margin-top: -110px;
margin-left: 248px;
}
/* Box DIVS */
#top_box {
background-image: url(images/left_box_top.gif);
background-repeat: no-repeat;
width: 221px;
height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
padding-top: 6px;
padding-left: 10px;
}
#box_mid {
background-image: url(images/left_box_mid.gif);
background-repeat: repeat-y;
width: 221px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 6px;
padding-right: 6px;
}
#box_bot {
background-image: url(images/left_box_bot.gif);
background-repeat: no-repeat;
width: 221px;
height: 10px;
}
/* End of boxes */
/* //////////// */
/* Content box DIVS */
#content_top {
margin: 0 auto;
background-image: url(images/content_box_top.gif);
background-repeat: no-repeat;
width: 523px;
height: 22px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
padding-top: 6px;
padding-left: 8px;
}
#content_mid {
margin: 0 auto;
background-image: url(images/content_box_mid.gif);
background-repeat: repeat-y;
width: 533px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: left;
padding-left: 6px;
padding-right: 6px;
}
#content_bot {
margin: 0 auto;
background-image: url(images/content_box_bot.gif);
background-repeat: no-repeat;
width: 522px;
height: 10px;
}
/* End of content box divs */
/* ////////////////////// */
/* Disclaimer box */
#disclaimer {
margin-top: 10px;
}
#disc_top {
background-image: url(images/disc_top.gif);
background-position: bottom;
background-repeat: no-repeat;
width: 762px;
height: 11px;
}
#disc_mid {
background-image: url(images/disc_mid.gif);
width: 762px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#disc_bot {
background-image: url(images/disc_bot.gif);
background-position: top;
background-repeat: no-repeat;
width: 762px;
height: 11px;
}
/* Font styles */
#title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-transform: uppercase;
color: #003366;
font-weight: bold;
}
#subtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: italic;
color: #003366;
}
span {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
span a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-style: normal;
text-decoration: none;
}
span a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
span a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
font-style: normal;
text-decoration: none;
}
#disclaimer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
#disclaimer a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
text-decoration: none;
}
#disclaimer a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
font-style: normal;
text-decoration: none;
}
#disclaimer a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
font-style: normal;
text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="sitecontainer" align="center">

<div id="top"></div>

<div id="middle">


<!-- Banner -->
<div id="banner"></div>
<!-- End of banner -->

<!-- Page container -->
<div id="container">
<!-- ///////////////////// -->
<!-- Content box -->
<div id="leftcontainer">
<!-- Navigation box -->
<div id="navigation">
<!-- Top of navigation box (title) -->
<div id="top_box"> &raquo; Navigation </div>
<!-- End of top -->
<!-- Navigation box -->
<div id="box_mid"> <font style="font-size:13px;" color="#000000" face="Arial">
<a href="index.php?page=home">Homepage</a><br><a href="index.php?page=news">News</a><br><a href="http://">Link 3</a><br><a href="">Link 4</a></font></div>
<!-- End of navigation box -->
<!-- Bottom of box -->
<div id="box_bot"></div>
<!-- End of bottom of box -->
</div>
<!-- End of navigation box -->
<div id="spacer" style="padding-top: 10px;"></div>
<!-- Radio player box -->
<div id="rp_box">
<!-- Top of radio player box (title) -->
<div id="top_box"> &raquo; Radio Stats </div>
<!-- End of top -->
<!-- Radio player box -->
<div id="box_mid"> <iframe src="http://www.thehabbies.com/powerpanel/frontend/alerts.php
" frameborder="0" name="alerts" width="0" height="0"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/djsays.php
" frameborder="0" name="alerts" width="200" height="100"></iframe> <iframe src="http://www.thehabbies.com/powerpanel/frontend/radio_stats.php
" frameborder="0" name="alerts" width="200" height="100"></iframe>
</div>
<!-- End of radio player box -->
<!-- Bottom of box -->
<div id="box_bot"></div>
<!-- End of bottom of box -->
</div>
<!-- End of radio player box -->
</div>
<div id="rightcontainer">

<div id="content_top">
&raquo; Content
</div>

<div style="padding-right: 100px padding-left: 6px;" id="content_mid">
<?php 
if (!isset($page)) 
{ 
include("home.htm"); 
} 
if(file_exists($_GET['page'].".php")){ 
include $_GET['page'].'.php'; 
} 
if(file_exists($_GET['page'].".html")){ 
include $_GET['page'].'.html'; 
} 
if(file_exists($_GET['page'].".txt")){ 
include $_GET['page'].'.txt'; 
} 
elseif (isset($page) && !@include("$page")) 
{ 
echo "Error Page not found!"; 
} 
?>

</div>

<div id="content_bot"></div>

</div>

<!-- End of content box-->
</div>
<!-- End of page container -->
<!-- Please do not remove ANY copyright disclaimers on the disclaimer page or on this page -->
<div id="disclaimer">

<div id="disc_top"></div>

<div id="disc_mid">
<? include("disclaimer.php"); ?>
</div>

<div id="disc_bot"></div>

</div>


</div>

<div id="bottom"></div>

</div>
<div id="moo"> <center><?php include("radio1.htm"); ?> </center> </div>
 
</body>
</html> 
Content box keeps moving
    Reply With Quote Reply With Quote
  9. 29-09-2007, 11:27 PM #9
    Chippiewill's Avatar
    Chippiewill
    Chippiewill is offline Habbox God
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    10,000 Posts Habbox Summer Spectacular VIP 10,000 Posts
    Total Awards: 16

    Default

    that didnt help either
    Chippiewill.

    Reply With Quote Reply With Quote
  10. 29-09-2007, 11:28 PM #10
    Eccentric
    Eccentric is offline Banned
    Join Date
    Jul 2007
    Location
    Swindon
    Posts
    990
    Tokens
    125

    Default

    would help if my mate had dreamweaver :| hes snoring his *** off
    Reply With Quote Reply With Quote
Page 1 of 2 12 LastLast
« 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