I have a weird feeling... BABOOM!
Hi I'm a header
Hi I can be your table of contents side bar!
I'm the main page
Want to know how I did this? Well I'll tell you how.
It is by FLOATING!
Floating is a very useful tool to put things in the right order.
It can make your website look very pretty.
Logo
Feature
Column One
Column Two
Column Three
© Copyright 2013
<div class="container_12 clearfix">
<div class="grid_12" id="top">
<h1>
Logo</h1>
<div id="nav">
<ul>
<li><a href="http://www.blogger.com/tom.staynalive.com">Home</a></li>
<li><a href="http://www.blogger.com/tom.staynalive.com">Products</a></li>
<li><a href="http://www.blogger.com/tom.staynalive.com">Services</a></li>
<li><a href="http://www.blogger.com/tom.staynalive.com">About</a></li>
<li><a href="http://www.blogger.com/tom.staynalive.com">Contact</a></li>
</ul>
</div>
</div>
<div class="grid_12" id="feature">
Feature</div>
<div class="article grid_4">
Column One</div>
<div class="article grid_4">
Column Two</div>
<div class="article grid_4">
Column Three</div>
<div class="grid_12" id="bottom">
© Copyright 2013</div>
<style href="css/960_12_col.css" type="text/css">
#nav, #feature, .article, #bottom {
background-color: #efefef;
margin-top: 20px;
padding: 10px 0px 5px 0px;
font-family: Arial, Verdana, sans-serif;
color: #665544;
text-align: center;}
#feature, .article {
height: 100px;
font-family: Arial, Verdana, sans-serif;
color: #665544;
text-align: center;}
li {
display: inline;
padding: 5px;
font-family: Arial, Verdana, sans-serif;
color: #665544;
text-align: center;}
#top {
font-family: Arial, Verdana, sans-serif;
color: #665544;
text-align: center;}
</style>
Thank you great blog input. need to buy template some day, reviewed a whole bunch template makers and now this pretty template.
ReplyDeleteCould you explain?
DeleteI don't get what your saying.