Here is the HTML codes for a Left Border Background

Here is the HTML codes for a Left Border Background.

You know... the ones that have graphics down the left hand side of the screen.
hmmmmmm kind of like the background I used here! LOL

You need to put the page in a two celled table basically.

You may need to tweak the left and right cell size to make sure that your text
is not running into the left side graphics.

In the left cell you need to insert a transparent image.. what I did was create one of a dot, then made it transparent. Here is the graphic that I use if you would like to take it for your pages.

I know you can not see the graphic that is why I put it in a table for you. Just right click and save the image to your hard drive. The file name is vspacerm.gif

Once you have the transparent gif in the left cell you can set the width and height sizes to fit the left side of your webpage. That is what makes the right cell scoot over so that all the rest of your page will fit on the right side.

These are the tags that you can adjust the numbers to get the text where you want it this all goes after the <body> tag that you have for your page. Remember to upload the vspacerm.gif to your server where you upload your graphics and your pages.

<tr>

The first number is generally never larger then 175 and generally never lower than 85 pixels. So when you make your left hand borders keep in mind that your left hand border should be no more than 175 pixels wide. Then add the right hand color or texture that will be the background of the right side of your page.
The second number is generally never larger than 580 and never less then 450 pixels. This is so that those with smaller monitors or resolutions set to 640 x 480 can still see your pages without having to scroll to the right to see the page fit into their screens. A tip that I use regularly is that the 2 cells widths added together would equal 640 pixels.
So just play between these numbers till your page looks great... resize your browser a few times to make sure that your page still looks great on most popular monitor sizes and browser settings.

<tr>

Paste all the code from your <body> to </body> here not the <body> or the </body> tags though... just the other stuff. And then save it to the HTML that you want this border on, like index.HTML. (Which is what the first page that you want the world to see should be called to your site)

</p>
</td>
</tr>
</table>
</center></div>
</body>
</html>

That is all there is to it! :)

HOME