This tutorial will
show you how to set up your webpage in nested tables using 3
different backgrounds. This layout works well with both Internet
Explorer and Netscape. First you'll need to create 3 background
tiles in coordinating colors and patterns size 100 X 100 or so,
whatever size you need for a tile. You will also want to choose a
border color and background colors (for each table) that matches
your tiles. Rather than try to explain how to set this page up, I
thought it would be the easiest if you just copied the codes below.
You can copy the following source code and place it in a blank
document:
<HTML>
<HEAD>
<TITLE>Your Page
Title</TITLE>
</HEAD>
<BODY BACKGROUND="name of the
background around the outside edge of the page"
BGCOLOR=#choose background color
TEXT=#6E5C7C LINK=#6E5C7C VLINK=#6E5C7C
ALINK=#6E5C7C>
<BR>
<BR>
<CENTER><TABLE
BACKGROUND="name of the middle
background" BGCOLOR=#choose
background color BORDER="1" BORDERCOLOR=#choose border color WIDTH="90%"
CELLPADDING="50" CELLSPACING="0">
<TR>
<TD
WIDTH="100%">
<P><CENTER><TABLE
BACKGROUND="name of the background in which
your page contents would be written on" BGCOLOR=#choose background color BORDER="1"
BORDERCOLOR="#choose border color"
WIDTH="100%" CELLPADDING="5" CELLSPACING="0">
<TR><TD
WIDTH="100%">
<!--------ALL YOUR PAGE CONTENT GOES BELOW THIS
POINT-------->
This is where you would place your page contents. The white areas
will need to be changed to the names of your own tiling backgrounds.
Of course, you can adjust all the other text and border colors also.
You can also adjust the percentage widths of the tables and
cellpadding until you get the look you want. The percentages and
cellpadding shown are the ones I've used for this page.
<!--------THIS IS THE END OF YOUR PAGE CONTENT-------->
Then you'll need to end your page with these codes:
</TD>
</TR>
</TABLE>
</CENTER>
</TD>
</TR>
</TABLE>
</CENTER>
<BR>
<BR>
</BODY>
</HTML>