Monday, August 25, 2008
Build Your Own Web Gallery
A step-by-step guide with screenshots for building your first website
STEP 5c: Inserting A Table
We need a container for our content, and we're going to use a table as our container. Tables are considered old-fashioned in some circles, with a preference for pure CSS-designed pages; but the plain fact is that almost everyone uses tables-they're supported in all browsers and easy to control for perfect designs.
This table is our master table for the page, so we want to make it as wide as what's called for in our original design, in this case 900 pixels. If you look at my original design, you see that, translated into a table, it's essentially three rows: title, photos and navigation. It's also five columns: each of the three images gets a column, and there's a space column on the left and right edges of the page. So I'm creating a table that's 900 pixels wide, with three rows of five columns each.
Note that I'm leaving "Border thickness," "Cell padding" and "Cell spacing" at zero. This is not how you want to add border-forced space around objects. You do this with styles, which we'll get into later.
Page 9 of 19