This page is exactly like the one before. The only change made was to add borders to the tables in order to show how they work. Back to previous page.

Home, Next, Back, Mail, View, Sign, Guestbook and Lions are all 2k
Background 8k
Dragonflies 1-2k
Dots 1k
Welcome 7k
Spacer 1k

To see this page without table borders marked click here.

The spacer is an invisible gif inside this square, called "dot.gif" It can be any size, just change the dimensions in the image tag. You don't have to have more than one spacer for your whole website. The same image will fill most any space to keep objects and table cells where you want them. There is a spacer on this page over the left border of the background to keep tables from shifting onto it. Below are some sample spacer tags using the same image. The actual size of the spacer used on this page is 7x3. In the border, it has been sized to 100x3. Using the border="0" is very important in this tag. The same technique can be used with many other images as long as the image does not have too many colors. Doing this to photos will distort them badly.

<img src="dot.gif" width="200" height="3" border="0"> <img src="dot.gif" width="75" height="75" border="0">

<img src="dot.gif" width="10" height="150" border="0">

Please, link back to http://www.webmaggic.com if you wish to use these images. Text links are all that is required. For those wishing to use a graphic, try this one.

Tutorials
Picture Frame
Criterion
Graphics

Home
Staff
Apply