Test Page 81

This page shows the selected background (with text in various colors). In order to prevent repeating of the background to the right side of the page (partially) for larger monitor resolutions but less than 1600 pixels wide, instead of using the background attribute in the body the technique requires creating a table for the body with the table tag having a width attribute equal to the width of the background image (less the average width of a scroll bar and margins, so deduct 30 pixels and include a width attribute in the body tag equal to 770 pixels. The background attribute in the BODY tage is set to the background image.

To prevent a partial image vertically down the page, use the technique mentioned for the right border style. In this style with this size image, create both a left and a right TD cell with width attribute equal to 10 and 20 respectively (and this will in effect create left and right margins) and place an empty/transparent gif image in the cells with a width attribute also equal to 10 and 20 respectively and height attribute equal to the height of the background image (or two times the height, etc., as necessary to ensure a full image for each portion of the background as the page is scrolled down to the bottom so that the bottom of the table is at the bottom of the last image in the background, if the page being created will be longer than a single image size in height. Then a middle TD cell is used with a width attribute set to 740 for the main “body portion” of the page.

On this page I have used a table which is five times the height of the background image to show an example of the technique. Because this style uses a width attribute for the table, you should also specify an align=left attribute in the table tag, and if the coloring of the background around the main image (the chessboard in this example) is other than white (on this page is a very pale whitish grey), you should also set a bgcolor attribute in the table tag with the color set to the same as the that used in the image. In this way all areas outside the table will be similar in coloring and should blend well into the image to create a virtual seamless appearance for the page. I have done that for this page. Finally, set the following attributes in the body tag as well: cellspacing=0 cellpadding=0 and border=0.

You can download the background image by right clicking in the background area, and(1) for Internet Explorer selecting the “Save Background As” download command from the alternate menu;(2) for Netscape selecting the “View Background Image” and then when the page comes up with the background image displayed, right clicking again and clicking on “Save Page As” or instead selecting File from the browser Menu Bar, and then clicking on “Save Page As”.
Use your Back menu command to return to the Chess Backgrounds section.
You can click on the logo above to return to my Main Chess Section Index.