Click Here to Visit our Sponsor
If you are wondering, how do you set up the page to make sure nothing goes over the wonderful graphics on the left border then you have come to the right place to find out. I've tried a couple of different ways and have found this one to work best in most resolutions, which means anyone viewing it, whatever size monitor will see it ok. That is why I have to make the background.jpg so wide, to take in to consideration those bigger screens out there.
Right after the
<head>
</head>
of your html code you then put in your background graphic you want and text colors, etc. like this:
<body bgcolor="#ddc6a6" link="#454863" text="#454863" vlink="#3b3d55" background="nameofgraphic.jpg">
then insert
<table border=0 cellpadding=0 cellspacing=0 WIDTH="100%">
<tr><td align=top valign=left vspace=0 hspace=0 width=158>
<img src="vspacer.gif" width=175 height=2></td><td valign=left
align=top>
Anything you put after this line will be included in the "box" aligned to the right so that the words and images won't go over that beautiful border graphic you put up.
Now, you notice in that code there was something called vspacer.gif. This is an invisible gif that you must upload with your other graphics to keep them in line over to the right, away from your border. This gif can be resized to what ever size you need it to be so you need to change that number of the width after it to make the width of it the width of the graphic you have in the border. You can keep playing with the number until everything is not touching the border graphics or if you are using one of my designs and want to know then view the source of the page the graphics are on and see what number I have set for that page. I like to set the number for the exact spot the graphic ends so as to not waste any space.
After you have put in everything you want to put in your page you must close the commands you started earlier so this is the code you put in directly before the and (we all know those must be the VERY last things in the code of a page). The codes to close are:
</TD>
</TR>
</TABLE>
If there is anything you want to put on your page that is wider than this "box" you have created and you don't mind it lapping over your graphic just a bit, for instance a geoguide, then you should put it either before or after these commands.
I have put these instructions in a txt file and included it along with a vspacer.gif in a zip file that you can download here. Remember the gif can be resized to whatever size that is in the code so if you are using several border backgrounds in one site you only have to upload it and it will be there for all of them.
