Home
Recipes
Graphics
Tips & Tricks
Christmas
Treats
Awards
About me
Links
Venice,Florida
Banner
Exchange
My Webrings
Simply
Enchanting
Angels
CL Help Page
email me
LEFT BORDER BACKGROUND LAYOUT

  • Copy and paste the following into a Blank document .

    <html>
    <head>
    <title>Title of your page</title>
    </head>

    <body bgcolor="white" background="left background name.jpg" text="black" link="blue" vlink="yellow" alink="blue">
    <table BORDER="0" WIDTH="95%" cellpadding="0" cellspacing="0">
    <tr>
    <td width="115" valign="top" align= "left"><img src= "vspacer.gif" height= 1 width= "135">

    Border Link buttons or text  go here

    </td><br>

    <td valign="top" align= "left"><P>

    Main text goes here.

    </td></tr></table>
    </body>
    </html>


    • In order to keep your text from overlapping into your left border area the placement of an invisible image will eliminate this problem no matter what size browser your viewers may be using. I call mine vspacer.gif. It is like it says a spacer that is invisible. If you don't have one as yet, download it here invisible image This little gif can be sized to whatever you need. You will notice on the above layout  the vspace width reads 135. This is approximately the width of my border. Please do experiment with it. If you want more space between the border and your main body  just increase these widths. 

    Should you wish to add link buttons or text in the border area place them just below the invisible gif. To center your text or buttons correctly you may have to  adjust the </td> width.  I set mine at 115, and centered the text,  but play around with this number until you are satisified with the results.

  •  Replace the bgcolor,  white,   to read your six digit HTML color  that  is close to each background color. Why do we want to add this.  Well some people may view your site with their graphics enabled, if you do not show a bgcolor they will see the default color white.  But what if your text happens to be white on a black background.  You got it!!!  Your visitor cannot read it and so off they go.