C and S Design.
Search Friendly Programming and Design

Go to -> C and S Design -> Articles -> CSS -> Table Style -> Table Columns -> Show Code

Click here to view or download the code for this example



column 1 cell
column 1 cell
column 1 cell
column 1 cell
column 1 cell
column 1 cell
column 1 cell
column 1 cell
column 2 cell
column 2 cell
column 2 cell
centered text
column 3 cell
column 3 cell
column 3 cell
column 3 cell
column 3 cell
column 3 cell
column 3 cell
column 3 cell

One of the advantages with tables for a programmer is that you can fix the width of the columns while writing the content onto the page a row at a time (horizontally). To use fixed column widths with CSS the elements would need to be arranged in floated fixed width block elements (<div>) with the data containers set out vertically. The reason for this is that only block elements can have a width and height applied to them but block elements also have an implicit line-feed
This makes writing out data that has been pulled from a database


Valid HTML 4.01! Valid CSS! copyright © C and S Design 2004 - 2005
Website Design and SE Friendly Coding C and S Design