How to add side skirts to template

[tilight]

Hello,

How do I add side skirts to my forum, it is fixed at 800px. What I mean by side skirts is, a background image on the left and right side of the whole forum table.

Anyways if you need me to post any of my templated (they are all pretty much default) then just ask.

thanks a lot.

[Jake Bunce]

You can do that by enclosing your forum in a table, like this:

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td width="10" style="background: #123456 url(left_background.gif);">
	</td>

	<td>
		MAIN FORUM CONTENT
	</td>

	<td width="10" style="background: #123456 url(right_background.gif);">
	</td>
</tr>
</table>

You can split this code between the top of your header and the bottom of your footer, split where it says MAIN FORUM CONTENT.

[tilight]

Ok, thanks a lot btw for the help. I did what you said and I have a little problem, they arent connected to the sides.



I added this to the footer (at the VERY bottom):

    </td>

    <td width="24" style="background: #2B1E0B url(images/misc/sidebar_right.gif);">
    </td>
</tr>
</table> 

I added this to the VERY top of the header:

<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
    <td width="24" style="background: #2B1E0B url(images/misc/sidebar_left.gif);">
    </td>

    <td> 

Attached an image of my problem.

[Jake Bunce]

Change the table width to something more appropriate, or remove the width and it should "form fit":

<table [color=red]width="100%"[/color] cellpadding="0" cellspacing="0" border="0">

[tilight]

Yay it worked! But I had to put a <div align="center"> before the table and I had to close it after the </table>. Is that the best way to do it?

[Jake Bunce]

That is one way to do it, yes.