RSS feed

CSS Codes for Table Row Column Layout

Published by: San (2/1/2008)

FEB 1 2008

I have almost no experience in working with cascade style sheets(CSS), I am facing problem in forming 3 columns on 1 row. I want them in DIV tags not in LI tags so please advise me to do it correctly.

 

Demand of Online Flash Based Games >>

<< Why Should I Buy Vostro

 

COMMENT

Name: Admin

Itís very simple to make three columns in DIV tags or P tags, only property you should care about is display.

Example:

<div>This is a simple 1 row div, everything comes together.</div>

<div>
<p style="display:table-cell;width:33.33%;float:left">1st Col</p>
<p style="display:table-cell;width:33.33%;float:left">2nd Col</p>
<p style="display:table-cell;width:33.33%;float:left">3rd Col</p>
</div>

More CSS for Table Layout: http://www.communitymx.com/content/article.cfm?cid=53F70

*Name:
*Comment:
You can use HTML tags here.
*Code: Please enter the sum of 5+2