Let me introdue you to a very special file. It's called "space.gif". It is a transparent GIF file which is one pixel wide and one pixel high. It is one of the most useful files I have! I have one on the left developped to 50 x 50 and with a border around it. It is there so you can download it, and use it.

I use "space.gif" as a programming tool to define spaces on the page. What you do is you exploit the HEIGHT and WIDTH attributes of the <IMG SRC> tag to set an invisible graphic between pieces of text or images.

It can be tall and slim:
<IMG SRC="space.gif" HEIGHT=100 WIDTH=1 BORDER=0>

...or it can be short and stout:
<IMG SRC="space.gif" HEIGHT=1 WIDTH=100 BORDER=0>

I find it most useful when trying to get tables to behave themselves. If you check how I programmed the table on the index page of this site, you will see the first row of cells on the table only contain "space.gif" graphics which force the cells to that width.

If you use "space.gif" to separate items in the vertical plane do remember to use the <BR> tag at the end of it, or further work just appears at the side of "space.gif", and not the bottom.

HOME