"Columbine Wood"

Graphics created by Anitra Freeman with photos from FreeStockPhotos.com.

This is an experiment in creating a fancy-looking webpage with a minimum loading time.

Textured grass background
Download textured tile here

Soled grass background
Download solid tile here

Tree & Flowers tile
Download tree & flowers tile here.

The background is a simple tile. The effect of a bordered background is created by a table, with the left-hand column using a graphic as background.

This wouldn't work on older browsers (Netscape 2.x) that did not recognize the "body" tag in table elements. But according to my webpage stats, Netscape 2.x is officially extinct. If anyone is using Netscape 2.x to view your page, they will still see a lovely page — they just won't see the border effect.

An exciting thing about using this technique is that it gives you the utmost flexibility. You can choose your border design and your background color, choose whether to put your border on the left or on the right, or both — and your page will adjust to any viewer's window size, without requiring that everyone load a 1400-pixel-wide graphic just in case one of them might have an experimentally humongous high-res screen.


You can create the effect of having any number of customized buttons while loading only one image file. For each "button", define a table width 186 pixels, height 120 pixels, background "tag.jpg" (or whatever name you save the file under.) Then use any text you want in the table, in your choice of font and color.

Button tag
Download "button" image here

You can even create a top border instead:

Top border image



More free graphics