Accessibility.

Better 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 changed the table width from 600 pixels to 80%, and removed the cell width specifications . Although it is legal to specify table width (in percentages, not in pixels), the default size is 100%. This means that the page will still fit on a small monitor, and into any window size as the table will always be 100% the width of the document.

I cannot centre the table simply. I could include the table in a layer and then use CSS to position the layer, but this code is implemented unpredictably in different browsers - it's a bit of a can of worms. If I made the table full width anyway (by removing the width attribute) this wouldn't be an issue anyway.

I have retained the Vertical alignment set to top by adding the appropriate code into the stylesheet that is already in use for the font and colours.

Bad Site version.
Better Site home page.