MyBB Community Forums

Full Version: $5 via PP to fix header
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi, Im having a few problems with my header at http://www.discoverthailand.asia/forum/ I just cant seem to get it perfect. Its made up of 3 images (all 152px high) plus the header.png which is 1x152px

http://www.discoverthailand.asia/forum/i...header.png

But at the bottom of the header it looks uneven and there is a small gap between the bottom of the images but all 3 images and the header.png are all 152px

See image attached

$5 via PP to anyone who can fix this for me

The codes that I am using are

Header

<div class="logo">
<table width=100%>
<tr>
<td align="left">
<img src="http://www.discoverthailand.asia/forum/images/night/logoleft.png" />
</td>
<td align="center">
<a href="http://www.discoverthailand.asia/forum/">
<img src="http://www.discoverthailand.asia/forum/images/night/logo.png" alt="Discover Thailand Forum" title="Discover Thailand Forum" /></a>
</td>
<td align="right">
<img src="http://www.discoverthailand.asia/forum/images/night/logoright.png" />
</td>
</tr>
</table>
</div>

CSS

.logo {
	background: #022338 url(images/night/header.png) top left repeat-x; height: 152px;
}

I don't see what the problem is. The header looks fine to me. Can you please elaborate on the issue?
Yeah, looks fine here too. Try another browser.
Add the following to global.css:

.logo img {
margin-top: -3px;
margin-left: -3px;
margin-right: -3px;
}
Hi faviouz, I will try that a little later and let you know if it fixed it

Quote:I don't see what the problem is

Hi, please see image attached



Edit the CSS to this:
.logo {
    background: #022338 url(images/night/header.png) top left repeat-x; height: 152px;
    margin-top: 5px;
} 
Ok go to your theme css and find:

.logo {
    background: #022338 url(images/night/header.png) top left repeat-x; height: 152px;
}

Then just change the height to 155px , that should solve the problem I think.
Any update?
Yes there is Big Grin I just woke up Big Grin ok I will try the solutions in the order posted and let you know the first solution that worked and then send the money to that person

Please give me an hour or so
Here are the results

faviouz fix - same problem as before

Mr. E fix - same as before but dropped the header 5px

Sukanjan.K fix - WOW Worked, well done, your a legend in the making Cool (Its taken me 3 months to get a solution to this)

Payment sent via Pay Pal to Sukanjan.K
Thanks for the payment. Smile