CATEGORIES
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.
Must Read Articles
- Sending Email from JSP Pages Using smtp.gmail.com
- HOW TO PUBLISH A PROJECT IN LOCAL IIS OR OWN MACHINE
- sequence of posting document for goods receipt
- Buying HP Portable Computer
- Internet Guest User Missing When Copying New Files to the Server
Demand of Online Flash Based Games >>
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