Jump to content

NO Tables

SFB

By SFB
in CSS

 Share

Recommended Posts

SFB Member

SFB

Posted
Posted

I am removing the table from my layout. here is my problem i want http://snowforts.ath.cx/test to look like http://snowforts.ath.cx I will continue to work on this so the problem may or may not be solved when you look at this. here is my code

<?phpsession_start();$username = $_SESSION['username'];$first = $_SESSION['first'];$last = $_SESSION['last'];$email = $_SESSION['email'];$website = $_SESSION['website'];$style = "/var/www/html/sfb/style.php";$snav = "/var/www/html/sfb/nav/snav.txt";$bnav = "/var/www/html/sfb/nav/bnav.txt";$pgtitle = "Home";?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head>      <title>Snow Fort Builders -- <?php echo"$pgtitle"; ?></title>      <meta name='keywords' content='Snow Fort, snowfort, snow fort builders, snow, fort ' />      <meta name='description' content='Learn how to build snow forts just like mine, see pictures of my snow forts and other winter related activities' />      <meta name='robots' content='all' />      <meta http-equiv='content-Type' content='text/html charset=utf-8' /><style type='text/css'>body {  font-family: verdana, arial, sans-serif;  font-size: small;}div.size {  width: 85%;  height: auto;  margin-left: auto;  margin-right: auto;}div.title {  font-size: 50px;  display: block;  text-align: center;  font-family: Comic Sans MS, arial, verdana, sans-serif;  font-weight: bold;}div.url {  font-size: x-large;  text-align: center;  font-family: Comic Sans MS, arial, verdana, sans-serif;  font weight: bold;}div.welcome {  font-sixe: small;  text-align: right;}a.welcome:link, a.welcome:active, a.welcome:visited, a.welcome:hover {  text-decoration: underline;}div.top {  display: inline;}div.nav {  text-align: center;  float: left;  width: 20%;  border-style: solid;  border-width: 1px;  border-color: #000000;}div.pgtitle {  text-align: center;  float: right;  width: 79%;  border-style: solid;  border-width: 1px;  border-color: #000000;}div.middle {  display: block;}div.snav{  text-align; left;  float: left;  width: 20%;  border-style: solid;  border-width: 1px;  border-color: #000000;}div.body {  text-align: left;  float: right;  width: 79%;  border-style: solid;  border-width: 1px;  border-color: #000000;}div.bottom {  display: inline;}div.bnav {  text-align: center;  border-style: solid;  border-width: 1px;  border-color: #000000;}</style><base href='http://snowforts.ath.cx/' /></head><body><div class='size'>     <div class='title'>Snow Fort Builders</div>     <div class='url'>http://snowforts.ath.cx</div>     <div class='welcome'><?php if(isset($_SESSION['username'])){print" Welcome <a class='welcome' href='/login/profile.php'>$first $last</a> | <a class='welcome' href='/login/logout.php'>logout</a> ";}else{print"Welcome <a class='welcome' href='/login/newuser.php'>Guest</a>  | <a class='welcome' href='/login'>Login</a>";}?></div>     <div class='top'>          <div class='nav'>Navigation</div>          <div class='pgtitle'><?php echo"$pgtitle"; ?></div>     </div>     <div class='middle'>          <div class='snav'>               <?php include($snav); ?>          </div>          <div class='body'>               text<br />               text<br />               text<br />               text<br />               text<br />               text<br />               text<br />               text<br />               text<br />               text<br />          </div>     </div>     <div class='bottom'>          <div class='bnav'>               <?php include($bnav); ?>          </div>     </div></div></body></html>

i am having problems getting to divs to sid down next to eachother and then if i do get them to be by eachother the next one overlaps part of them.

Link to comment
Share on other sites
SFB Member

SFB

Posted
  • Author
Posted

Getting closer all the time. still dont have it correct. any help would be good. now i just have to get the width of the bottm nav set and then figure out how to get the side nav to be the same height as the body section.

Link to comment
Share on other sites
reportingsjr Dedicated Member

reportingsjr

Posted
Posted

set margins.. like 5 pixels each I guess. like this:

<style type="text/css">div { margin:  5px 5px 5px 5px; } </style><div>content</div><div>content</div>

Now, I havent tested that but it should work.. that will make every side have a margin of 5 pixels so if you want to change it to be wider or smaller just change those numbers.. :)

Link to comment
Share on other sites
SFB Member

SFB

Posted
  • Author
Posted

actually i am not so much worried about margins currently. it is more that when you set a div to be 100% and then put another div that is set to 100% inside of it, the second div does not set itself to 100% of the page. it just sets itself to auto.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...