Learn HTML step-by-step from A to Z or improve your professional skills.  Home HTML and CSS Tutorials Tricks using Tables
Your Ad Here

Tricks using Tables

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:



Author's URL: Jeff Singer
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
Browse Pages: << < 5  6  7  8  9  > >>
print this page subscribe to newsletter subscribe to rss

HTML is Hyper Text Markup Language that is used to make hypermedia and hypertext documents for the Web. More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com

Add comments to "Tricks using Tables"

Only registered users can write comment

No comments yet...