Wood_diamond_but_about_me.gif (2342 bytes)
Wood_diamond_but_e-mail.gif (2375 bytes)
Wood_diamond_but_new.gif (2352 bytes)
Wood_diamond_but_back.gif (2345 bytes)
Wood_diamond_but_home.gif (2373 bytes)
Wood_diamond_but_next.gif (2370 bytes)
Wood_diamond_but_Links.gif (2373 bytes)
Wood_diamond_but_web_rings.gif (2340 bytes)

Wood_diamond_bar.gif (1855 bytes)
How to Build a Web Page
with a Border Background
Wood_diamond_bar.gif (1855 bytes)


Here is a sample page showing some of the things you can do with Spot's Free Graphics to build your own web page.

Using backgrounds with borders is tricky. We have all seen sites where the writing is spread all over the border background they were trying to show off and it looks horrid. If you have tried using backgrounds with borders and about given up, the answer is simple. You need to use tables to put things where they ought to go!

You can use "view source" to see how this simple page is set up.

You are welcome to use the code. Just change the size of the tables to go with the graphics you have chosen.

You can use the graphics on this page to build your web site or any found at Spot's Free Graphics. Right click on the graphic you want and save it in a folder you have for images on your hard drive. Then, insert the graphic into your web page as required by whatever page editor you are using. If you are using a free site on the web, they probably have instructions telling you how to "upload" your graphics. Link your own destination page to the buttons in the table at the left.

Add your own content where this explanation is and remove everything else.

Then, you should have an acceptable first page. You can play around with it by replacing the graphics with any you like better from Spot's Free Graphics.

To start with it is probably best to keep your site navigation simple. We recommend that you use the same page style over and over on your site.  Just change the content in the middle so that the links are the same on every page. People get confused if you change your pages too much. Of course, you need to change the destination of the next button as you go. You might even want to put it at the bottom of each page.

We hope this has been helpful and has answered some of those questions about how to use backgrounds with borders.


Get Main Background Here

Wood_diamond_bg2.gif (15894 bytes)

Get Optional Background Here

wood_diamond_ss.jpg (17851 bytes)

For a plain color background try color code #FFCC68 Or #FFCC98

Get Bar Here

Wood_diamond_bar.gif (1855 bytes)

Get Buttons Here

Wood_diamond_but_about_me.gif (2342 bytes) Wood_diamond_but_back.gif (2345 bytes) Wood_diamond_but_blank.gif (2314 bytes)
Wood_diamond_but_e-mail.gif (2375 bytes) Wood_diamond_but_home.gif (2373 bytes) Wood_diamond_but_Links.gif (2373 bytes)
Wood_diamond_but_new.gif (2352 bytes) Wood_diamond_but_next.gif (2370 bytes)     Wood_diamond_but_web_rings.gif (2340 bytes)  

Get Other Possibilities Here

bgrnd78.jpg (7015 bytes)

inlay3.gif (12404 bytes)  inlay4.gif (12707 bytes)

parquet2d.gif (7033 bytes)  wood1d.gif (6543 bytes)  wood2d.gif (6211 bytes)  bckgrnd28.gif (3489 bytes)  parquetd.gif (7326 bytes)

woodtext.gif (9510 bytes)