Making Multiple Bordered Web Sets

What's a multiple border? Well, you see how my website is laid out? There's this dark green box, then a border with a pattern, then a light green background. That's a multiple border. Here's as brief a description as I could make for it.

This takes place between the "body" and "/body" html tags. You should know a little html to make this work - or skip to the bottom, open the text file, and fill that sucker in. LOL

1. Set a background for your page. This can be a picture or just a solid color.

     html code:  <body bgcolor="#000000">

Change "000000" to the color code you want to match your set. You can find a handy table of colors at: http://www.immigration-usa.com/html_colors.html 

2. Create a table.

     html code: <table border="0" cellpadding="5" cellspacing="5" width="98%" 
background="yourpicturehere.jpg" height="250">

Notice the "cellpadding" and "cellspacing" have been set to 5 here. That gives you five pixels of space around the picture, which allows that background to show up fully. YOU MUST have height set to at least "250" in order for this to work.

Change "yourpicturehere.jpg" to your picture. This can be a flashy gold, a bold pattern, a picture of a friend or family member, whatever you want. It can also be simply another color. It's your choice.

3. Create a table inside the first table.

     This is actually what gives the page it's layered look. You're basically going to add html code to finish off the above table, and then to put another one in. Like so:

<div align="center">
<center>
<table border="0" cellpadding="5" cellspacing="5" width="98%" 
background="yourpicturehere.jpg" height="250">
<tr>
<td width="100%">
<div align="center">
<table border="0" cellpadding="5" cellspacing="5" width="100%" height="250" 
bgcolor="#000000">
<tr>
<td width="100%">&nbsp;</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</center>
</div>

The finished product should look something like this:

And your text goes here.

CLICK HERE to download a zip file with a text file that contains the HTML code needed to create multiple borders. Probably the easiest thing to do. Copy it and fill it in, use it at will.

Need to ask a question? Have a suggestion or just get confused?

Email me.

 

عداد الدخول

This page was created by Crescent Designs. All content, materials and graphics created for this site by Crescent Designs are the property of Crescent Designs. ©2005