Triple bordered backgrounds.

How to make triple bordered backgrounds
Triple bordered backgrounds are made with the use of tables.

Handy Tip: Triple borders look great on craft type sites and because they are really only html code, they load fairly quickly. Use our free web site tool, the triple background code genertor, to easily create deigns.

Bookmark This Page | Click here for more Html Scripts

Triple bordered backgrounds.

Triple bordered backgrounds are made utilising tables. They are really only tables within tables, with backgrounds applied.

You first set your page to the desired resolution, usually 800x600, then set a table within the page and then a table within that table. If using a html editor, such as Frontage or Dreamweaver, you just start with a new page and insert the tables.

Background colors or images are applied to the page and each table and you place your pages content into the middle table. The height of the table is determined by the amount of content you place within the middle table, the more content you add, the longer the page becomes.

To help you get started, I have made a template that you can view or download and use here, with the tables already set for you and more instructions on making your triple bordered background, or you can copy and paste the html code below.

Within the html of the template I have placed , so you can alter the look of the triple bordered background to suit your personal taste easily. This will also give you the feel of what the html for tables is required.

Please take a look at the triple bordered background template and if you want, freely use the template for your own site. Below is an example of the html used.

<HTML> 
<HEAD> <TITLE>write the name of your page title here</TITLE> 
</HEAD> <BODY BACKGROUND="Image93a.jpg" TEXT="#999999" 
LINK="#6633FF" VLINK="#CC3300" ALINK="#669999"> 
 <BR> <BR>  <DIV ALIGN="CENTER">  <TABLE BORDER="2" WIDTH="90%" CELLPADDING="5" 
CELLSPACING="0" BACKGROUND="Image94.jpg"> <TR> <TD> 
 
<BR> <BR>  
<DIV ALIGN="CENTER">  <TABLE BORDER="2" 
CELLPADDING="20" WIDTH="85%" BACKGROUND="here is where 
you place your third background image name (eg. yourpattern3.gif) to create the 
middle text and image area for your page"> <TR> <TD background="Image93a.jpg"> 
 
<P>Here is where you will place all the text and images for your web page 
.&nbsp;</P> <P>Don't forget to change the text, link, active link 
and visited link colours to suit your page.</P> <P>Play around with 
the table widths, cellpadding, cellspacing and border attributes like colour and 
size. By experimenting with these settings you can customize how your page will 
look.</P> <P>You'll notice a lot of comments between <--these--> 
characters in the HTML&nbsp; code. Browsers ignore any information contained 
within these characters, so you can put in any comments you like or delete them 
completely and it won't affect your page. I've added the comments to help you 
with using this template.</P> <P>Please note that the height of the 
table is determined by the amount of content you have in this area. The more content 
you have, the longer the table.</P> <BR> <BR> </TD> </TR> 
</TABLE>  </DIV>  <BR> <BR> </TD> </TR> </TABLE>  </DIV>  <BR> <BR> </BODY> 
</HTML>

Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name

web hosting and domain registration

NEW!
Blog for Webmasters

Website Design

Refer A Friend

Your Email
Your Name
Friends Email
Friends Name

Home