Layout Problems

plasmagames · November 30, 2008

You guys here have helped me before with my theme system. Now i have a different problem.

I'm trying to add a side bar to the left side of my site but all it does is goes to the top i have it aligned to the left side but it just doesn't work i have tried everything i can think of here's my code and the css. If you can help please post.

index.php

<?php
// Get the configuration file


$filename = 'defs.php';
$setup = 'install/index.php';

if (!file_exists($filename)) {
    die("Please install Isus beafore usage! <a href=\"install/\">Click here</A>");
}
if (file_exists($setup)) {
    die("Please remove the install folder beafore usage. It can be harmful to your site if it exists and someone uses it!");
}


include ('config.php');

// get the theme
$result = mysql_query("SELECT theme FROM theme WHERE id=1");
$theme = mysql_result($result, 0);

//Set the navigation up, secure it's input.
$nav = $_GET['action'];
secure($nav);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org">

    <title><?php echo SITE_NAME; ?></title>
    <link rel="stylesheet" type="text/css" href="theme/<?php echo $theme;?>/visus.css">
    <style type="text/css">
    div.c1 {text-align: center}
    </style>
</head>

<body bgcolor="#FFFFFF" background="theme/<?php echo $theme;?>/images/logo.png">
<p>
    <div class="c1" valign = "top">
        <div class="logo">
            <img src="theme/<?php echo $theme;?>/images/logo.png" height="250" width = "800">
        </div>

        <div class="pages">
            <?php include ("navbar.php"); ?>
        </div>

        <div class="Container">
                    <div  class="ubar" align="left">
                <?php include ('ubar.php'); ?>
            </div>
            <div class="content" style="width:580">
                <?php
                //Use a switch statement to go through the URLS.
                switch ($nav) {
                    case "login":
                        include ('login.php');
                        break;

                    case "logout":
                        include ('logout.php');
                        break;

                    case "editprofile":
                        include ('editprofile.php');
                        break;

                    case "memberlist":
                        include ('memberlist.php');
                        break;

                    case "register":
                        include ('register.php');
                        break;

                    case "viewterms";
                        include ('terms.php');
                        break;

                    case "forgot";
                        include ('reset_pw.php');
                        break;

                    case "profile";
                        include ('profile.php');
                        break;
                  
                    case "admin";
                        include ('admin/index.php');
                        break;
                  
               case "theme";
                        include ('admin/theme.php');
                        break;
                  
               case "news";
                        include ('admin/news.php');
                        break;
                  
               case "general";
                        include ('admin/general.php');
                        break;
                  
               case "download";
                        include ('download.php');
                        break;
                  
               case "game";
                        include ('game.php');
                        break;
                  
               case "tutorial";
                        include ('tutorial.php');
                        break;
                  
               case "contact";
                        include ('contact.php');
                        break;

                    default:
                        include ('default.php');
                        break;


                }

                ?>
            </div>

            <div  class="sidebar" align="right">
                <?php include ('nav.php'); ?>
            </div>

        </div>
        <div align="center" class="footer">
            <?php include ('footer.php'); ?>
        </div>   
    </div>
    </p>
</body>
</html>

visus.css

body{
background:url('i/bg.png');
background-repeat:repeat-x;
background-color:#000000;
font-family:verdana;
font-size:12px;
}
a{
text-decoration:none;
}
.logincontainer{
width:600px;
height:200px;
background:#000000;
margin-left: Auto;
margin-right: Auto;
}
.menu{
padding:10px;
margin-left: Auto;
margin-right: Auto;
width:800px;
height:10px;
background:#333333;
}
.container{
padding:0px;
margin-left: Auto;
margin-right: Auto;
margin-top:10px;
width:800px;
height:800px;
background:#000000;
background-image: url('i/cbg.png');
background-repeat: no-repeat
background-attachment:fixed;
}
.inputtext{
border:0px solid white; /* fix later */
height:25px;
padding:5px;
background-color:#262626;

dclamp · December 1, 2008

try using 'float'

.content {
     float:left;
}
.sidebar {
     float:right;
}

plasmagames · December 1, 2008

I Just relized that my computer didn't copy all the css.

here's all of it

body{
background:url('i/bg.png');
background-repeat:repeat-x;
background-color:#000000;
font-family:verdana;
font-size:12px;
}
a{
text-decoration:none;
}
.logincontainer{
width:600px;
height:200px;
background:#000000;
margin-left: Auto;
margin-right: Auto;
}
.menu{
padding:10px;
margin-left: Auto;
margin-right: Auto;
width:800px;
height:10px;
background:#333333;
}
.container{
padding:0px;
margin-left: Auto;
margin-right: Auto;
margin-top:10px;
width:800px;
height:800px;
background:#000000;
background-image: url('i/cbg.png');
background-repeat: no-repeat
background-attachment:fixed;
}
.inputtext{
border:0px solid white; /* fix later */
height:25px;
padding:5px;
background-color:#262626;
color:#a2a3a3;
}
.inputtext:focus{ /* this will take care of the color change while input box is focused */
height:25px;
padding:5px;
background-color:rgb(179,250,252);
color:#a2a3a3;
}
.logo{
margin-left: Auto;
margin-right: Auto;
color:white;
width:850px;
height:300px;
}
.logo a{
margin-left: Auto;
margin-right: Auto;
color:white;
width:850px;
height:300px;
}
.logo a:hover{
margin-left: Auto;
margin-right: Auto;

width:850px;
height:300px;
}
.sidebar{
float:right;
padding:4px;
color:white;
width:200px;
height:auto;
text-align:left;
}
.sidebar a{
color:white;
}
.ubar{
float:left;
padding:4px;
color:white;
width:200px;
height:auto;
text-align:left;
}
.ubar a{
color:white;
}
.content{
background-color:#000000;
float:right;
color:white;
text-align:left;
height:auto;
}
.point{
background-color:rgb(247,248,252);
height:20px;
width:100%;
}
.reg a{
text-decoration:none;
font-family:verdana;
font-size:12px;
color:rgb(179,250,252);
}
.footer{
font-size:10px;
float:center;
}
.pages{
background-color:#333333;
background-image: url('pagesb.png');
background-repeat: no-repeat
background-attachment:fixed;
background-position:center;
margin-right: Auto;
margin-left: Auto;
margin-top:100px;
height:20px;
width: 800;
padding:2px;
line-height:20px;
border-bottom:0px solid pink;
border-top:0px solid rgb(247,247,247);
text-align:left;
}
strong{
color:#CC0000;
}

p {
color:#000000;
}
.pages a{
color:white;
}
.pages a:hover{
color:#000000;
width:206px;
height:46px;
}

dclamp · December 1, 2008

try changing the content to float:left.

plasmagames · December 1, 2008

thanks guys but i decided to give up on the extra menu for the time being and work on the core of the sysytem

Sign In

Layout Problems

Recommended Posts

plasmagames

Link to comment

Share on other sites

dclamp

Link to comment

Share on other sites

plasmagames

Link to comment

Share on other sites

dclamp

Link to comment

Share on other sites

plasmagames

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information