How to use these border backgrounds

In your HTML document include this code after the </TITLE> and </HEAD> commands on your page.

<BODY BGCOLOR="A" BACKGROUND="images/backgroundname.gif">

Replace backgroundname with the actual filename of your chosen background. This makes the assumption that the HTML is in a root directory, and that the images are in a relative subdirectory  /images (which is the way I do it - this might not work for other folk).

Go to http://www.htmlhelp.com/reference/wilbur/list.html as a good permanent reference for all HTML tags.

Replace A with your choice of background colour for borders with transparent backgrounds. (For instance "#FFFFFF" will give you a white background or "#000000" will give you a black background).

Adding text

I use a computer with an 800 x 600 screen but I have designed these borders to be used with up to a 1024 x 768 viewing area, and hopefully they will also work with the smaller 640 x 480 screens. To ensure that the text on a page does not overlap the border this is the method I use. I would appreciate feedback on whether or not this is satisfactory for other sizes of screen.

After the line of code shown above, include the following code:-

<TABLE width=80% align="right"><TR><TD>

and at the end of the HTML document

</TD></TR></table>

This should work with borders around 100 pixels wide. Some of my borders are wider than that, in which case the 80% width should be reduced.

All text should be added within this table, and for ease of construction you should insert BORDER after TABLE (which enables you to see the table) while working, then remove it when the page is complete.

arrow Back to Fractal Backgrounds Index