1. Home
  2. Computing & Technology
  3. Web Design / HTML

Using Tables to Do Page Layout

By , About.com Guide

5 of 7

Examine the structure of your page

Examine the structure

Examine the structure

Jennifer Kyrnin

As you can see, this Web page turns out to have two columns and two rows. So, when you build your table, you'll need to always have two columns and two rows.

The next thing you should notice, is that the left column is narrower than the right. Now, some Web browsers will do this for you, if you have enough content in the body of the page, but why leave it to chance. Make sure that the two left columns are always given a width. In this case, I would say around 200 pixels, but it depends upon the background tile width.

Finally, look at the way the elements are aligned within their cells. The logo needs to be aligned in the center of it's cell, horizontally and the bottom, vertically. The headline is in the center both directions, and the two cells in the second row are both left aligned (default) and at the top of their cells.

Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
  4. About.com Web Design A to Z
  5. Web Design Articles R-Z
  6. Web Design/HTML Articles U
  7. Examine the structure of your page

©2009 About.com, a part of The New York Times Company.

All rights reserved.