Icy Phoenix :: View topic - Unable To Align Top Banner Correctly On Black Pearl Style

I have recently upgraded our site to the new release. I had to change to a similar style since the old style was not compatible. So I selected Black Pearl since it was the closest in colors to our old style.

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

Code: [Hide] [Select]

{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 -->&nbsp;<!-- 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 -->&nbsp;<!-- ELSE -->&nbsp;<!-- ENDIF -->

		<!-- ENDIF -->

		</td>

		</tr>

		</table>

		</div>

	</td>

</tr>

Update:

I found it. The BP style has the following code in the css file

Code: [Hide] [Select]

#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;

I just had to change the margin values to 0.

Icy Phoenix

Old Support Topics - Unable To Align Top Banner Correctly On Black Pearl Style