Welcome ... I'm
glad you stopped by for Graphic + Internet related tutorials
Triple or Quadruple Backgrounds using double or triple tables for HTML page layout
thanks for supporting + visiting our sponsors
To create a triple, or quadruple, table border on a web page you need to ...
create a table within a table (within a table, etc.)
decide which colors and background tiles you want to fill the areas.
The coding shown here is available on a text file, and also as a PDF file. You can save
either one to your computer. Download Adobe Acrobat PDF Reader free.
I was inspired to try this on one of my own pages after seeing Leah's Border Boutique's
Triple Background Tutorial. The page it creates looks great in version 4 browsers. Unfortunately, I found that it doesn't look good in version 3 browsers.
Detailed explanation of "why" is below. This tutorial is adjusted so that it will look the best it can in both.
Right after your <HEAD> tags on your page, put in the information for the page's basic display.
Note, multiple lines shown here because of wordwrapping, but it must be all on ONE line in your HTML code, do not put a line break in these HTML codes.
Your link color, followed link color (vlink), activated link color (alink=color link flashes to the moment it's clicked on), and background
color that coordinates with your background tile.
Always a good idea in case there is a reason your background image doesn't load, at least the color displayed will be in the same color
family as your background image, and not the "default color" of your visitor's browser!
Everywhere you see _choose_color_, you will have to choose a hexdecimal color code. There is a color chart in the
Web Page Help section for you to use. Save the sections to your computer if you can't print that page out.
Where you see _choose_image_ is where you will place your background tile's image name.
If you're curious what colors and images this page has used, here's my coding.
Please do NOT direct link to my images. If you want texture tiles to create
a page, they're in the Miscellaneous
section of my Themed Graphics, take them with you to use/experiment with.
To create a quadruple table border on a web page, (remember, the page's background counts as "one") just add another
table. Read the details above, just add one more "table layer" around your text.
If you want to see what the quadruple table looks like to Netscape 3 browsers, or other browsers that don't support backgrounds in table cells,
I have a screen shot here. It is a large file, 570 pixels wide x 957 pixels long,
and is a 69kb image. It's compressed, so there will be some distortion in the words, but you will get the idea of what some browsers would see.
I can only "go by" my visitors. About 14% of this site's visitors are ones that would see a bad looking page if I had not
adjusted the coding for the tables. Maybe that's not enough for you to worry about, but I wanted to be sure that as many people possible
see, at least, an "acceptable" looking page.
What you need to be sure of, is that your tripple or quadruple backgrounds look as good as possible to as many people as possible. YOU can't control the browser
that is used by your visitors. You will want your pages to 'look good' for just about anyone, right?
