Rosey
11-02-2003, 02:10 PM
You can play around with this code to change the width of the side bars and the whole table as a matter of fact. What I've done here is put an explanation of the codes and at the bottom of the page, you'll have the entire code so you can just copy and paste it.
The most important thing about tables is to not lose track of how many you open so you don't forget any of the closing tags.
The first part is the always present html and body tag, you can add the head, title, meta, also. The body tag is where you would put the color of the background that is behind the middle table, here I have a checkered background.
<html>
<body>
A center tag to center the whole page. You are going to want to keep putting center tags to keep your tables centered.
<center>
Now starts a whole series of tables, the first table will determine what you use as the first side bar. Here I used a silvery one. You can play around with the values of the cellpadding and the width to make it look different.
<table border="0" cellpadding="3" cellspacing="0" width="85%" background="sidebar.jpg">
<tr><td>
<center>
The second table will be the second layer, the blue-silvery color.
<table border="0" cellpadding="3" cellspacing="0" width="99%" background="sidebar2.jpg">
<tr><td>
<center>
The third table will be another silver bar.
<table border="0" cellpadding="3" cellspacing="0" width="100%" background="sidebar.jpg">
<tr><td>
<center>
The last table will be the actual part where you will write your text. I have a blue color for the background here.
<table border="0" cellpadding="20" cellspacing="0" width="99%" background="background.jpg">
<tr><td>
Use this tag only if you want your text centered.
<center>
Write your text here.
Your text goes here
Now, the fun part, all the closing tags. If something doesn't look right or if your table does not appear, check the closing tags first. If you even forget one, it can totally mess up your page.
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</body>
</html>
Here is the code without all my little notes if you want to just straight copy and paste it:
<html>
<body>
<center>
<table border="0" cellpadding="3" cellspacing="0" width="85%" background="sidebar.jpg">
<tr><td>
<center>
<table border="0" cellpadding="3" cellspacing="0" width="99%" background="sidebar2.jpg">
<tr><td>
<center>
<table border="0" cellpadding="3" cellspacing="0" width="100%" background="sidebar.jpg">
<tr><td>
<center>
<table border="0" cellpadding="20" cellspacing="0" width="99%" background="background.jpg">
<tr><td>
<center>
Your text goes here
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</body>
</html>
The most important thing about tables is to not lose track of how many you open so you don't forget any of the closing tags.
The first part is the always present html and body tag, you can add the head, title, meta, also. The body tag is where you would put the color of the background that is behind the middle table, here I have a checkered background.
<html>
<body>
A center tag to center the whole page. You are going to want to keep putting center tags to keep your tables centered.
<center>
Now starts a whole series of tables, the first table will determine what you use as the first side bar. Here I used a silvery one. You can play around with the values of the cellpadding and the width to make it look different.
<table border="0" cellpadding="3" cellspacing="0" width="85%" background="sidebar.jpg">
<tr><td>
<center>
The second table will be the second layer, the blue-silvery color.
<table border="0" cellpadding="3" cellspacing="0" width="99%" background="sidebar2.jpg">
<tr><td>
<center>
The third table will be another silver bar.
<table border="0" cellpadding="3" cellspacing="0" width="100%" background="sidebar.jpg">
<tr><td>
<center>
The last table will be the actual part where you will write your text. I have a blue color for the background here.
<table border="0" cellpadding="20" cellspacing="0" width="99%" background="background.jpg">
<tr><td>
Use this tag only if you want your text centered.
<center>
Write your text here.
Your text goes here
Now, the fun part, all the closing tags. If something doesn't look right or if your table does not appear, check the closing tags first. If you even forget one, it can totally mess up your page.
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</body>
</html>
Here is the code without all my little notes if you want to just straight copy and paste it:
<html>
<body>
<center>
<table border="0" cellpadding="3" cellspacing="0" width="85%" background="sidebar.jpg">
<tr><td>
<center>
<table border="0" cellpadding="3" cellspacing="0" width="99%" background="sidebar2.jpg">
<tr><td>
<center>
<table border="0" cellpadding="3" cellspacing="0" width="100%" background="sidebar.jpg">
<tr><td>
<center>
<table border="0" cellpadding="20" cellspacing="0" width="99%" background="background.jpg">
<tr><td>
<center>
Your text goes here
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</td></tr></table>
</center>
</body>
</html>