How to use a border background


My preferred method is to use a table with 2 columns. The first (left) column holds a small invisible graphic (clear.gif). This will hold the column with the page content on the right. This way your formatting will look good with any browser. Set the width of the clear.gif according to the width of the border (must not be the exact width). I'm using 150 here as an example since it works with most of my border backgrounds. Set the height to any size you want (I always use 5). Of course you can experiment with the "width" of the clear.gif.

DOWNLOAD the invisible clear.gif below:

PC - Right click in the center of the framed area below to copy and save it ("Save Image as") to your hard drive or disk.

MAC - Click in the center of the framed area below and hold until a menu appears, then click on "Save Image as", navigate to the directory where you keep your HTML files and click on "Save".

clear.gif
clear.gif



After the <BODY> tag, insert the following code:

<TABLE>
<TR>
<TD VALIGN=LEFT ALIGN=TOP>
<IMG SRC="clear.gif" HEIGHT=5 WIDTH=150>
</TD>
<TD VALIGN=LEFT ALIGN=TOP WIDTH=100%>


>> Add your page content (text, tables, images, graphics) here <<


</TR>
</TD>
</TABLE>

Then end your html document as usual after the </TABLE> tag:

</BODY>
</HTML>


That's all :-)! Good luck!



[Angelas Background Sets]
[Background Sets - Flowers and Nature 1] [Background Sets - Flowers and Nature 2]
[Background Sets - Cats] [Background Sets - Dogs] [Background Sets - Various animals]
[Color Chart Picker] [Table with Hexadecimal Colors]

[email]

[Angelas Place]