Now I've
- placed the inner table in the outer table,
- centered that outer table,
- and turned off borders.
- Then, we attach a stylesheet (crstyle.css) which sets a text style for text
in <td>'s: Gray type in a sans-serif font.
- I've tested the page in both IE 5.0 and NS 4.7.
- Then, we copy out all the javascript, and link to that (instead of copying
the same functions into each and every page....) Syntax is...
<SCRIPT LANGUAGE="JavaScript" src="cr.js">
</SCRIPT>
Where you simply copy the javascript commends (minus the comments that
hide them from older browsers) into the file named, in this case, cr.js. The
effect of this is very much like doing a SSI include, to cause the same piece
of code to be placed in the <head> section of every page in our site.
This here is a special case--the advantage of doing it this way (using <SCRIPT
SRC=...>) is that the browser will cache the contents of cr.js.
Here's the same table but with borders turned on. Outer table has "bordercolor=green"
and inner table has "bordercolor=blue". (This is another way to troubleshoot
complicated table layouts).
Next, we'll turn on the page background color, start paying attention to page
'title's, and then start copying, and substituting pictures and text. In about
an hour, I generated the contents of the site you see starting at demo1.html.
One problem that crept up was a tendency by DreamWeaver to occasionally place
explicit WIDTH's and HEIGHTs on the <TD> cell containing the text. (I've
left demo1 in this state).