Dean N Steve
12-17-2002, 10:34 AM
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:
<!-- 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:
</td>
</tr>
</table>
<!-- /content area table -->
</center>
<p align="center">
<normalfont><b>< <a href="$contactuslink">Contact Us</a> - <a href="$homeurl">$hometitle</a>
<!-- - <a href="$privacyurl">Privacy Statement</a> --> ></b></normalfont>
</p>
<p align="center"><smallfont>
<!-- Do not remove this copyright notice -->
Powered by: vBulletin Version $templateversion<br>
Copyright ©2000 - 2002, Jelsoft Enterprises Limited.<br>
<!-- Do not remove this copyright notice -->
$copyrighttext
</smallfont></p>
</td></tr>
</table>
My headinclude template:
<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... :D
Regards
- miSt
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:
<!-- 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:
</td>
</tr>
</table>
<!-- /content area table -->
</center>
<p align="center">
<normalfont><b>< <a href="$contactuslink">Contact Us</a> - <a href="$homeurl">$hometitle</a>
<!-- - <a href="$privacyurl">Privacy Statement</a> --> ></b></normalfont>
</p>
<p align="center"><smallfont>
<!-- Do not remove this copyright notice -->
Powered by: vBulletin Version $templateversion<br>
Copyright ©2000 - 2002, Jelsoft Enterprises Limited.<br>
<!-- Do not remove this copyright notice -->
$copyrighttext
</smallfont></p>
</td></tr>
</table>
My headinclude template:
<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... :D
Regards
- miSt