Unable To Align Top Banner Correctly On Black Pearl Style


Subject: 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: [Download] [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: [Download] [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.


Capture.PNG
Description:  
Filesize: 521.34 KB
Viewed: 183 Time(s)

Capture.PNG


Profile PM  
Subject: Re: Unable To Align Top Banner Correctly On Black Pearl Style
ThankĀ“s to share your solution with us

great job

keep it going


Page 1 of 1


  
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events

   

This is a "Lo-Fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Powered by Icy Phoenix based on phpBB
Generation Time: 0.2126s (PHP: 9% SQL: 91%)
SQL queries: 17 - Debug Off - GZIP Enabled