[QUICK HELP!] Div Boxes

JayC

JayC

Well-Known Member
Aug 8, 2013
5,505
1,401
Usually I can solve these errors for myself, or at least try to figure out why but I am stuck :O

Working on my new CMS edit, I have changed a lot but my div boxes look cut off, I didn't notice until I fixed up the background and stuff..
JN3ps1a.png


I don't know why my div boxes are not round like they are suppose to be, they are nasty looking.. Can anyone help?
 
Sort by date Sort by votes
Jerry

Jerry

not rly active lol
Jul 8, 2013
1,957
522
Could be </div> or <script type="text/rocketscript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
your missing?
 
Upvote 0 Downvote
JayC

JayC

Well-Known Member
Aug 8, 2013
5,505
1,401
Ok so script doesn't work.. Here is my generic_top:

Code: 
<body id="%body_id%" class="<?php if (!LOGGED_IN) { echo 'Guest'; } ?> ">
**Link to my new layout**
<?php
$getSettings = dbquery("SELECT * FROM users WHERE id='".USER_ID."' LIMIT 1");
{
    $userAccount = mysql_fetch_assoc($getSettings);
    echo '
    <div id="top">
    **My Top Bar is here**
        <div style="clear: both;"></div>
      
    </div>';
}
require_once "*****.php";
?>

*****.PHP:

Code: 
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8"%www%/>
  ***My New Layout Link Again****
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
    **Javascript for my navigator**
    <script src="js/jquery.tablesorter.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.equalHeight.js"></script>
    <script type="text/javascript">
    $(document).ready(function()
        {
            $(".tablesorter").tablesorter();
        }
    );
    $(document).ready(function() {

    //When page loads...
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function() {

        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active ID content
        return false;
    });

});
   
    <script type="text/javascript">

    function Toggle(id)
    {
        var List = document.getElementById('list-' + id);
        var Button = document.getElementById('plus-' + id);
       
        if (List.style.display == 'block' || List.style.display == '')
        {
            List.style.display = 'none';
            Button.innerHTML = '+';
        }
        else
        {
            List.style.display = 'block';
            Button.innerHTML = '-';
        }
       
        setCookie('tab-' + id, List.style.display, 9999);   
    }

    function t(id)
    {
        var el = document.getElementById(id);
       
        if (el.style.display == 'block' || el.style.display == '')
        {
            el.style.display = 'none';
        }
        else
        {
            el.style.display = 'block';
        }
    }

    function setCookie(c_name,value,expiredays)
    {
        var exdate=new Date();
        exdate.setDate(exdate.getDate()+expiredays);
        document.cookie=c_name+ "=" +escape(value)+
        ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
    }

    function checkCookies()
    {
        ca = document.cookie.split(';');

        for (i = 0; i < ca.length; i++)
        {
            bits = ca[i].split('=');
           
            key = trim(bits[0]);
            value = trim(bits[1]);
           
            if (key.substr(0, 3) == 'tab')
            {
                tabName = key.substr(4);
               
                if (value == 'none')
                {
                    Toggle(tabName);
                }
            }
        }
    }

    function trim(value)
    {
        value = value.replace(/^\s+/,'');
        value = value.replace(/\s+$/,'');
        return value;
    }
    </script>
</head>

***Navigator****
 
Upvote 0 Downvote
Brad

Brad

Well-Known Member
Jun 5, 2012
2,320
993
Not entirely sure Try adding these
Code: 
<script type="text/javascript">
            HabboView.run();
        </script>
or
Code: 
<script type="text/javascript">if (!$(document.body).hasClassName('process-template')) { Rounder.init(); }</script>
 
Upvote 0 Downvote
j0sh

j0sh

Will someone please explain the meaning of life?
Apr 27, 2012
167
25
Its because you need to link the div box to your CSS eg: <div id="login-form-container">
Check to see if the ID and CLASS you are using in the webpage is the same as what is in your CSS. Try recoding the div boxes in the css aswell
 
Upvote 0 Downvote
JayC

JayC

Well-Known Member
Aug 8, 2013
5,505
1,401
it has to deal with javascript
Code: 
/* Rounded boxes */
/* Basic styling, used when JavaScript is unsupported */
.cbb {
    margin: 8px;
    padding: 0;
    background: #FFF;

}
/* Normal styling */
    /* Top corners and border */
.bt {
    height: 5px;
    margin: 0 0 0 18px;
    background: no-repeat 100% 0;
}
.bt div {
    position: relative;
    left: -18px;
    width: 18px;
    height: 5px;
    background: no-repeat 0 0;
    font-size: 0;
    line-height: 0;
    z-index: 1;
}

    /* Bottom corners and border */
.bb {
    height: 9px;
    margin: 0 0 0 8px;
    background: no-repeat 100% 100%;
    position: relative;
}
.bb div {
    position: absolute;
    left: -8px;
    width: 8px;
    height: 9px;
    background: no-repeat 0 100%;
    font-size: 0;
    line-height: 0;
    display: block;
}
 
Upvote 0 Downvote

Users who are viewing this thread

Total: 4 (members: 0, guests: 4)
☀️  Switch to Light Theme

Latest posts

Top