website promotion banner
eturnkeys
Your Ad Here
HTML and CSS  Home HTML and CSS Tutorials How can I present text in columns, like a newspaper?
rss

How can I present text in columns, like a newspaper?

Author: Jeff Singer More by this author
Browse Pages: << <  5  6  7  8  9 > >>


Example

This is column 1
Once again, the <TABLE> tag comes to the rescue! If you are using a text browser like Lynx, This will appear at the top, followed by the next two columns.
This is column 2
Since we have three columns, I have set the TD WIDTH="30%". Of course you can divvy up your columns however you want!
This is column 3
Here we are at the last column. This trick works with almost every browser!

Source code


<TABLE BORDER="0">
 <TR>
 <TD WIDTH="30%" VALIGN="TOP">

  This is column 1<BR>
  Once again, the <TABLE> tag
  comes to the rescue! If you are
  using a text browser like Lynx,
  This will appear at the top,
  followed by the next two columns.
 </TD>
 <TD WIDTH="5%"></TD>
 <TD WIDTH="30%" VALIGN="TOP">

  This is column 2<BR>
  Since we have three columns, I have 
  set the TD WIDTH="30%". Of course you
  can divvy up your columns however
  you want!
 </TD>
 <TD WIDTH="5%"></TD>
 <TD WIDTH="30%" VALIGN="TOP">
  This is column 3<BR>

  I used up the remaining 10%
  by inserting empty columns
  with a width of 5%. This way
  the columns are not as close
  together.
 </TD>
 </TR>
</TABLE>

See Also:



print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  5  6  7  8  9 > >>

Add comments to "How can I present text in columns, like a newspaper?"