Make your own free website on Tripod.com


Triple Background Tutorial

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 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=#82A495 TEXT=#6E5C7C LINK=#6E5C7C VLINK=#6E5C7C ALINK=#6E5C7C>
<BR>
<BR>
<CENTER><TABLE BACKGROUND="name of the middle background" BORDER="1" BORDERCOLOR=#B2C8BD 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" BORDER="1" BORDERCOLOR="#B2C8BD" 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>

Tutorial Menu

Graphic Designs © 1998, 1999 Web Elegance.
Tutorial created on June 2, 1999.