Blogroll
Search

Create Three column layout using div and CSS

Wednesday, March 19th, 2008

In this tutorial you will learn to create a three column layout using css, and divs
Here is the sample sketch of layout.

1. First of all we need to create a container for page contents.
<div id=”container”> </div>
2. Now create three partitions of it by creating three divs(header, content and footer) inside the container tag.
3. Finally add […]

Alignment using float property in css

Wednesday, March 19th, 2008

In this tutorial you will learn the use of float property in css. We will create two unordered lists and align them side by side. Write the following code in your html page. You can use any text editor or software like dreamweaver for that.
<div id=”test”>
<div class=”lefty”>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
</div>
<div class=”righty”>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
</div>
</div>
Now make these entries to your css file: