Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Colums aligned

  1. #1
    New Coder
    Join Date
    Oct 2008
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Colums aligned

    hey all,

    This is gonna be a really newbie question but on my site, the columns wont sit next to each other.. Can anyone tell me how to change this??

    css:
    Code:
    #background { 
    background:url(background.png)
    }
    #header { 
    float: center;
    border-width:thin;
    border-color:#000000; 
    border-style:solid;
    width:942px;
    margin: 3px;
    }
    #nav {
    background: #ffffff;
    width:200px;
    border-width:thin;
    border-color:#000000;
    border-style:solid;
    margin: 3px;
    
    }
    #wrapper {
    background: #990066;
    border-width:thin;
    border-color:#000000;
    border-style:solid;
    width:949px;
    margin: 0 auto;
    }
    #center {
    background: #990066;
    border-width:thin;
    border-color:#000000;
    border-style:solid;
    margin:0 auto;
    width:50px;
    }
    #upcoming {
    background: #ffffff;
    width: 200px;
    border-width:thin;
    border-color:#000000;
    border-style: solid;
    margin: 3px;
    float:right;
    }
    
    
    }
    html:
    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=utf-8" />
    <title>Untitled Document</title>
    <link href="menu.css" rel="stylesheet" type="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body id="background">
    <div id="wrapper">
    <div id="header" align="center">
    <img src="banner.png" alt="Banner" align="middle" />
    </div>
    <div id="nav">
    <ul class="menu">
      <li><a href="#" class="active"><span>link1</span></a></li>
      <li><a href="#"><span>link2</span></a></li>
      <li><a href="#"><span>link3</span></a></li>
      <li><a href="#"><span>link4</span></a></li>
      <li><a href="#"><span>link5</span></a></li>  
      <li><a href="#"><span>link6</span></a></li>
      <li><a href="#"><span>link7</span></a></li>
    </ul>
    </div>
    <div id="center">
    hello
    </div>
    <div id="upcoming">
    <ul>
    <li> Comming up
    <li><b>Today</b> yes</li>
    <li><b>where</b> now</li>
    </li>
    
    </div>
    </div>
    
    
    </body>
    
    </html>
    Here is a links to the test site.. Click

    Thanks,
    Mike

  • #2
    Senior Coder twodayslate's Avatar
    Join Date
    Mar 2007
    Location
    VA
    Posts
    1,042
    Thanks
    67
    Thanked 39 Times in 39 Posts
    twitter | Quality Hosting - $5.95/mo*
    Feel free to PM me!


  •  

    Posting Permissions

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