I can not seem to get the banner to fit all the way at the top of the page though. I have selected "valign=top" ,, I think I have everything right but it still is pushed down below the top menu.
Any ideas?
Here is the code in my overall_header.tpl file
{PAGE_BEGIN}
<table id="forumtable" cellspacing="0" cellpadding="0">
<!-- IF GT_BLOCK -->
<tr><td width="100%" colspan="3"><!-- BEGIN ghtop_blocks_row -->{ghtop_blocks_row.CMS_BLOCK}<!-- END ghtop_blocks_row --></td></tr>
<!-- ENDIF -->
<tr>
<td width="100%" colspan="1" valign="top">
<div id="top_logo">
<table class="" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" height="100%" valign="top">
<!-- IF GL_BLOCK -->
<!-- BEGIN ghleft_blocks_row -->{ghleft_blocks_row.OUTPUT}<!-- END ghleft_blocks_row -->
<!-- ELSE -->
<div id="logo-img"><align="center" height="100%" valign="top"><a href="{FULL_SITE_PATH}{U_INDEX}" title="{L_HOME}"><img src="{FULL_SITE_PATH}{SITELOGO}" alt="{L_HOME}" title="{L_HOME}" /></a></div>
<!-- ENDIF -->
</td>
<td align="center" valign="middle"><!-- IF S_HEADER_BANNER --><center><br />{HEADER_BANNER_CODE}</center><!-- ELSE --> <!-- ENDIF --></td>
<td align="right" valign="middle">
<!-- <div class="sitedes"><h1>{SITENAME}</h1><h2>{SITE_DESCRIPTION}</h2></div> -->
<!-- IF GR_BLOCK -->
<!-- BEGIN ghright_blocks_row -->{ghright_blocks_row.OUTPUT}<!-- END ghright_blocks_row -->
<!-- ELSE -->
<!-- IF S_LOGGED_IN --> <!-- ELSE --> <!-- ENDIF -->
<!-- ENDIF -->
</td>
</tr>
</table>
</div>
</td>
</tr>
<table id="forumtable" cellspacing="0" cellpadding="0">
<!-- IF GT_BLOCK -->
<tr><td width="100%" colspan="3"><!-- BEGIN ghtop_blocks_row -->{ghtop_blocks_row.CMS_BLOCK}<!-- END ghtop_blocks_row --></td></tr>
<!-- ENDIF -->
<tr>
<td width="100%" colspan="1" valign="top">
<div id="top_logo">
<table class="" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center" height="100%" valign="top">
<!-- IF GL_BLOCK -->
<!-- BEGIN ghleft_blocks_row -->{ghleft_blocks_row.OUTPUT}<!-- END ghleft_blocks_row -->
<!-- ELSE -->
<div id="logo-img"><align="center" height="100%" valign="top"><a href="{FULL_SITE_PATH}{U_INDEX}" title="{L_HOME}"><img src="{FULL_SITE_PATH}{SITELOGO}" alt="{L_HOME}" title="{L_HOME}" /></a></div>
<!-- ENDIF -->
</td>
<td align="center" valign="middle"><!-- IF S_HEADER_BANNER --><center><br />{HEADER_BANNER_CODE}</center><!-- ELSE --> <!-- ENDIF --></td>
<td align="right" valign="middle">
<!-- <div class="sitedes"><h1>{SITENAME}</h1><h2>{SITE_DESCRIPTION}</h2></div> -->
<!-- IF GR_BLOCK -->
<!-- BEGIN ghright_blocks_row -->{ghright_blocks_row.OUTPUT}<!-- END ghright_blocks_row -->
<!-- ELSE -->
<!-- IF S_LOGGED_IN --> <!-- ELSE --> <!-- ENDIF -->
<!-- ENDIF -->
</td>
</tr>
</table>
</div>
</td>
</tr>
Update:
I found it. The BP style has the following code in the css file
#top_logo {
border: 0px solid #181818;
background: #000000 url('images/p_black/top_header.png') repeat-x;
height: 150px;
}
#logo-img {
margin-top: 20px;
margin-left: 10px;
border: 0px solid #181818;
background: #000000 url('images/p_black/top_header.png') repeat-x;
height: 150px;
}
#logo-img {
margin-top: 20px;
margin-left: 10px;
I just had to change the margin values to 0.