August 9, 2002, Newsletter Issue #42: Use tables for easy web page layout

Tip of the Week

Use tables to lay out your web page. For example:

One main table for the entire page.
Within the first main table tr and td tags, Subdivide the main table into three more tables, top, middle and bottom.

Code example: (without using the "<" and ">" notation, since it might not show up in the newsletter format, I`ll use "{" and "}" -- just remember to change this):

{TABLE width=100%} (main table)
{TR}
{TD}

{TABLE width=100%}
{TR}
{TD}
Header content here...
{/TD}
{/TR}
{/TABLE}

{TABLE width=100%}
{TR}
{TD}
Main content here...
{/TD}
{/TR}
{/TABLE}

{TABLE width=100%}
{TR}
{TD}
Footer content here...
{/TD}
{/TR}
{/TABLE}

{/TD}
{/TR}
{/TABLE}

This will make the page easier to manipulate, maintain and design. You are sectioning the page into logical and physical sections. You don`t need to let the user know any different -- simply use the "border=0" parameter inside each TABLE tag and it will look seamless.

About LifeTips

Now one of the top on-line publishers in the world, LifeTips offers tips to millions of monthly visitors. Our mission mission is to make your life smarter, better, faster and wiser. Expert writers earn dough for what they know. And exclusive sponsors in each niche topic help us make-it-all happen.

Exclusive Sponsor