The VSPACER


Ok, here we go. Getting your text into the center of the space available to you AFTER you have placed a bordered background is EASY....if you use the very magical "vspacer". It's an invisible gif file that separates your border from your text and graphics that you may want to place on your pages by forming an invisible "table" on your page. This keeps everything from "slipping" over the wonderful borders that we have made for you!

Using this trick is very simple once you learn a few basics. First, the HTML coding for this trick, goes DIRECTLY below your BODY information.....the place where you tell your pages what color your background should be, what graphic your background should use and what color fonts (defaults) you are using. This is the ONLY place that the HTML for the vspacer will work.

Second, all your graphics and text, plus any other tables you may want to set up, MUST lie within the beginning and ending tags of the vspacer HTML. I will give you an example below. PLEASE NOTE THAT I HAVE USED PARENTHESIS WHERE BRACKETS SHOULD ACTUALLY BE USED IN THE HTML SAMPLE BELOW!



(!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN")
(HTML)
(HEAD)
(TITLE)My Home Page(/TITLE)
(META NAME="GENERATOR" CONTENT="Arachnophilia 3.6")
(META NAME="FORMATTER" CONTENT="Arachnophilia 3.6")
(/HEAD)
(BODY BACKGROUND="plgreen.jpg" BGCOLOR="#ffffff" TEXT="#0000ff"
LINK="#ff0000" VLINK="#ff0000" ALINK="#ff0000")
YOUR HTML FOR THE VSPACER WOULD GO HERE!

All your text and graphics plus other tables, would
be placed between the RED text (your vspacer HTML)
and the lavender (ending tag for the vspacer), below.


(/td)(/tr)(/table)
 (/BODY)

(/HTML)



Ok, hopefully, the example will show you how to set up your bordered pages using the vspacer.gif...if not, please send me an email and explain your problem. I really can help, in most cases.

If you need to adjust where your text and graphics sit WITHIN the vspacer, you would use the the WIDTH tag within the vspacer to adjust where these items sit. This number is usually from 10 to 125.

I have placed the HTML code for the vspacer below, plus a link to download the actual gif itself. MAKE SURE OF TWO THINGS....CHANGE THE PARETHESIS IN THE VSPACER HTML CODING TO BRACKETS WHEN YOU PLACE IT ON YOUR PAGE AND MAKE CERTAIN THAT THE ACTUAL GIF FILE IS IN THE SAME DIRECTORY AS YOUR PAGES....if you don't have it there, the HTML will not work.

Now, all that's left is to grab the code, the gif and get started using the bordered backgrounds...ours or anyone elses!!! Good Luck!!


(table)
(tr)(td valign=left align=top)(img src="vspacer.gif" height=1 width=60)(/td)(td valign=left align=top width=100%)





Right click to save to disk
On your page, this gif will be invisible