shown below you see what i have so far which is not much. I sliced up my navigation bar which is located at the very top of the page with no spacing around it. But i'm having problems getting that right. Please advise. I want it to position the navigation bar at the very top with no spacing to the left, right, top, or bottom. I was thinking about putting my horizontal navigation bar in list elements as you can see below. Please tell me where i'm going wrong and provide some links to other resources. thanks. <!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Grid Layout</title> <link rel="stylesheet" type="text/css" href="./960_12_col.css"> <style> * { font-family: Arial, Verdana, sans-serif; color: #665544; text-align: center;} #nav, #feature, .article, #footer { background-color: #efefef; margin-top: 0px; padding: 0px 0px 0px 0px; margin: 0; display: block; float: left; position: relative; } #feature, .article { height: 100px;} li { display: block; float: left; padding: 0px; border: 0px;} </style> </head> <body> <div class="container_12"> <div id="header" class="grid_12"> <div id="nav"> <ul> <li><img src="./images/Slice-1.jpg"></li> <li><a href="./aboutus.html"><img src="./images/Slice-2.jpg"></a></li> <li><a href="">Services</a></li> <li><a href="">About</a></li> <li><a href="">Contact</a></li> </ul> </div> </div> <div id="feature" class="grid_12"> <p>Feature</p> </div> <div class="article grid_4"> <p>Column One</p> </div> <div class="article grid_4"> <p>Column Two</p> </div> <div class="article grid_4"> <p>Column Three</p> </div> <div id="footer" class="grid_12"> <p> HTML:
1) you seem to be floating everything for Christmas knows what reason. 2) You seem to be styling all the child elements for what should probably be on .container 3) you do know UL is a perfectly good block level container that probably doesn't need a DIV around it, right? 4) Is there some reason you want to piss on accessibility with a fixed width and defeat the entire point of using CSS by way of presentational classes with that idiotic framework nonsense? My advice, lose the grid and framework nonsense. Generally speaking screwing around with layout before you have semantic markup of your content (or a reasonable facsimile thereof) is the road to failure... so starting down that road and slamming the accelerator to the floor with a fixed width grid and hitting the nitrous by using a layout framework... well...
well, can i ask for some guidance on where i can read up on how to use css to properly layout my web site.