Cannot make default bgcolor for entire page

GateKeeper · June 23rd, 2006, 05:45 PM

I am trying to use the non-vB3 integrated approach and have created a separate header, stylesheet, etc. The problem I am having is that the way the software appears to "isolate" the header.htm file, I cannot leave a table open from the header to the footer, thus denying me the possibility of setting the background color for the display area different than the default background for the body of the page. Here is the example:
http://www.timesharegateway.com/auctions/index.php
You will see the gaps between templates are filled with the body's default color/image. If a table could be opened in header.htm that defined the background color and could then be closed in footer.htm, that would allow me to close these gaps with a more appropriate color.
Am I missing something here?
Thank you,
-GateKeeper

Chuck S · June 23rd, 2006, 06:07 PM

You can definately open a table in the header and set a color and then just close it in the footer. Nothing but html there. I have done that one many sites on installs.

GateKeeper · June 23rd, 2006, 07:06 PM

Here is the header code

Quote:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt">
<html>
<head>
<title>Timeshare Rentals Buy Timeshares For Sale Rent-GateKeeper's Auctions-TimeshareGateway.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="Tue, 21 Nov 2000 05:00:00 GMT" />
<meta http-equiv="cache-control" content="no-cache, must-revalidate" />


<script type="text/javascript">
var PopUpHelpX = (screen.width/2)-150;
var PopUpHelpY = (screen.height/2)-200;
var pos = "left="+PopUpHelpX+",top="+PopUpHelpY;
function PopUpHelp(url){
PopUpHelpWindow = window.open("http://www.timesharegateway.com/auctions/help/"+url,"Smilies","scrollbars=yes,width=300,height=400,"+pos);
}
</script>

<link rel="stylesheet" href="http://www.timesharegateway.com/auctions/stylesheets/tsg.css" type="text/css" />
<style>
.yellow { color: #000000; background: #FFFF00; }
</style>
</head>
<body><table align="center" width="779" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><a name="top"></a>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td><img alt="Timeshare User Group" src="http://www.timesharegateway.com/forums/timeshare/misc/header_01.jpg" width="219" height="90"></td>
<td><img alt="Timeshare Forum" src="http://www.timesharegateway.com/forums/timeshare/misc/header_02.jpg" width="198" height="90"></td>
<td><img alt="Timeshare Bulletin Board" src="http://www.timesharegateway.com/forums/timeshare/misc/header_03.jpg" width="220" height="90"></td>
<td><img alt="Timeshare Users Group" src="http://www.timesharegateway.com/forums/timeshare/misc/header_04.jpg" width="142" height="90"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<tr>
<td class="menubar"><a href="http://www.timesharegateway.com/forums/">Home</a></td>
<td class="menubar"><a href="http://www.timesharegateway.com/">Timeshare Classifieds</a></td>
<td class="menubar"><a href="/resort-reviews/">Resort Reviews</a></td>
<td class="menubar"><a href="/forums/forum.php">Forums</a></td>
<td class="menubar"><a href="/forums/usercp.php">User CP</a></td>
<td class="menubar"><a href="/forums/faq.php" accesskey="5">FAQ</a></td>
<td class="menubar"><a href="/forums/calendar.php">Calendar</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="http://www.timesharegateway.com/forums/timeshare/misc/header_15.jpg" width="100%" height="7"><br /><br /></td>
</tr>

You can see I do not close the main table, which has the background color set to #FFFFFF (White). This should fill the gaps with white space, but the table is being trumped by a new table below the header.htm code which appears someplace I can't find, either indexhead.tmpl or some other template.

The next section shows what follows the header.htm. Note that it starts with a table. If it were to "flow", there wouldn't be a new table started, but rather a new row...

Quote:

<table class="" cellpadding="1" cellspacing="1" border="0" width="779" align="center">
<tr>
<td>
<table cellpadding="2" cellspacing="1" border="0" width="100%" class="tableborders">

<tr>
<td class="menubar" width="100%" colspan="2">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td class="menubarnb" width="50%" align="left" valign="middle">
 <span class="medium"><a href="http://www.timesharegateway.com/auctions/showcat.php/cat/500/ppuser/1">My Auctions</a> · <a href="http://www.timesharegateway.com/auctions/showcat.php?cat=fav">My Watch List</a></span>
</td>
<td class="menubarnb" width="50%" align="right"valign="middle">
<span class="medium"><a href="http://www.timesharegateway.com/auctions/adm-index.php">Admin</a> · <a href="http://www.timesharegateway.com/auctions/index.php">Timeshare Resorts</a> · <a href="http://www.timesharegateway.com/auctions/search.php?cat=500">Search</a> · <a href="http://www.timesharegateway.com/auctions/showmembers.php">Member List</a> · <a href="http://www.timesharegateway.com/auctions/member.php?uid=1">Profile</a> · <a href="http://www.timesharegateway.com/auctions/uploadproduct.php?cat=500">Place An Auction</a> · <a href="http://www.timesharegateway.com/auctions/misc.php?action=logout&logout=yes">Logout</a></span> 
</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>
</table>
<br /><form method="get" action="http://www.timesharegateway.com/auctions/showcat.php">

<table class="" cellpadding="1" cellspacing="1" border="0" width="779" align="center">
<tr>
<td>
<table cellpadding="2" cellspacing="1" border="0" width="100%" class="tableborders">

<tr>
<td align="left" colspan="4" class="menubar">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>

GateKeeper · June 23rd, 2006, 07:53 PM

I got it. Just needed to add another layer of tables.
Thanks.