Need a lil help :)

[Dean N Steve]

Hi,

This is the first thing that has baffled me when i've been trying to implement my new design..

I have my main header which is in one table...

Then i have the content table... but i want to split it into three tables... one thin one on the left... the main thick one in the center and another little thin one on the right.. The screenshot explains it slightly better..

My header template:

PHP Code:

<!-- logo and buttons -->
<center>

<table bgcolor="{pagebgcolor}" class="bordert" border="0" width="{tablewidth}" cellpadding="0" cellspacing="0">
<tr><td>

<table border="0" width="{tablewidth}" cellpadding="0" cellspacing="0" bgcolor="{pagebgcolor}">


  <a href="index.php?s=$session[sessionhash]">
<center><img src="{titleimage}" border="0" alt="$bbtitle" align="center"></center>
</a>
  <tr><td valign="bottom" align="center" nowrap>
   <!-- toplinks -->

<img src="{imagesfolder}/navbar.gif">
   
   <!-- /toplinks -->
  </td>
</tr>
</table>
<!-- /logo and buttons -->

<!-- content table -->
<table bgcolor="{pagebgcolor}" width="{tablewidth}" cellpadding="10" cellspacing="0" border="0">
<tr>
  <td> 


My footer template:

PHP Code:

  </td>
</tr>
</table>
<!-- /content area table -->
</center>

<p align="center">
  <normalfont><b>&lt; <a href="$contactuslink">Contact Us</a> - <a href="$homeurl">$hometitle</a>
  <!-- - <a href="$privacyurl">Privacy Statement</a> --> &gt;</b></normalfont>
</p>

<p align="center"><smallfont>
<!-- Do not remove this copyright notice -->
  Powered by: vBulletin Version $templateversion<br>
  Copyright &copy;2000 - 2002, Jelsoft Enterprises Limited.<br>
<!-- Do not remove this copyright notice -->
$copyrighttext
</smallfont></p>

</td></tr>
</table> 


My headinclude template:

PHP Code:

<meta http-equiv="MSThemeCompatible" content="Yes">
<style type="text/css">
BODY {
    SCROLLBAR-BASE-COLOR: {categorybackcolor};
    SCROLLBAR-ARROW-COLOR: {categoryfontcolor};
}
SELECT {
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND-COLOR: #CFCFCF
}
TEXTAREA, .bginput {
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #CFCFCF
}
A:link, A:visited, A:active {
    COLOR: {linkcolor};
}
A:hover {
    COLOR: {hovercolor};
}
#cat A:link, #cat A:visited, #cat A:active {
    COLOR: {categoryfontcolor};
    TEXT-DECORATION: none;
}
#cat A:hover {
    COLOR: {categoryfontcolor};
    TEXT-DECORATION: underline;
}
#ltlink A:link, #ltlink A:visited, #ltlink A:active {
    COLOR: {linkcolor};
    TEXT-DECORATION: none;
}
#ltlink A:hover {
    COLOR: {hovercolor};
    TEXT-DECORATION: underline;
}
.thtcolor {
    COLOR: {tableheadtextcolor};
}
.bordert {
    BORDER: 1px solid #000000;
}
</style>

$headnewpm 


Hopefully someone can help me out on how to do this...

Regards

- miSt