Accessibility.

Bad sample page for LIFT: tables for layout.

How this page was made.

I've inserted a 1 row, 2 column table using Dreamweaver's menus.

I want to use this table to allow me to place this text alongside another chunk of text. So this first table is a layout table meaning that it's just to help me position things on the page.

In a layout table I would normally set the border to 0 so that there isn't one, but for this example I've left it in so you know where it is!

Details about this table.

I have set the width of this table to 600 pixels wide, with each column set to 300 pixels wide. That will ensure it fits on a small monitor.

I have also centred this table, by selecting the table tag in the tag selector bar and choosing center from the Align menu.

Both cells have also had the Vertical alignment set to top so that the headings are both at the top rather than the cell content being centred vertically (the default).

Better version.
Bad Site home page.