Table of Contents
Evaluating Pages A Starting Point Nobody Told Me Design Tips Table It

Table It

by Cynthia Lanius

A table is a very powerful formatting tool. I use tables on practically every page (including this one) to do what you just can't do without them. If you're not careful, webpages string down the left side of the page endlessly. Page layout is a challenge in HTML. Tables turn the whole page into a grid of cells to be filled at will. Look at the following pages for a creative use of page formatting tables. Now when you get there, you may say, I don't see a table. That's because most of the tables are borderless, producing an invisible structure.

How'd They Do That?

In other words, Look at those tables!

The Sevloid's Guide - Tables This page uses borderless tables to explains tables. Notice that the table here produces a wide left margin, creating good white space. One major mistake in pages is too much text in too little space.
Cynthia Lanius's Lessons Notice the use of color, images, and text in the grid. Also, be sure to look at Rectangular Challenges that uses tables to create images.
A Fractals Unit Tables make a nice alternative navigational device to frames. They give a frames look without the annoying trap. Notice the table cell color enables the column to stand out prominently.
Sevolid's Guide - Table Attributes More details of how you can vary tables.
Advanced HTML - Tables Lots more how to.

To the Top

These pages were developed through GirlTECH '97, a teacher training and student technology council program sponsored by the Center for Research on Parallel Computation (CRPC), a National Science Foundation Science and Technology Center. Copyright 1997 Cynthia Lanius