Step n°1
Here is the page without style.
That's what old or text based browsers will display if the stylesheet is linked by @import "file.css";
The content is wrapped by DIV (or P) tags. Additional DIV (or P) tags enclose the text in order to fix problems with some browsers.
The menu uses an unordered list1.
Here is the text to publish:
Title for a table with 3 columns
Left
Center
Right
The text is hidden
if there is
an overflow
so that alignment
is not modified.
Title for a table with 2 columns
Wide column on the left
Narrow on the right
Centered text
Bold characters
Column on the left using half of the content part of the page with margins on both sides.
Column on the right using half of the content part of the page with margins on both sides.
Now, let's go to step 2.
The final display of this page will be compatible with MSIE 6, Mozilla, Mozilla Firefox, Netscape 6, 7 and 8, Opera 6, 7, 8 or 9, Konqueror 3.2, Safari, Galeon, Epiphany and accepable with MSIE 5.5 and 5 and Opera 5.It will be valid XHTML and valid CSS2 and there will be no javascript.
1 CSS cutting edge proposes other cross-browser solutions without lists for vertical and horizontal menus.
1 Other solutions for horizontal and vertical menus.