MyBB Community Forums

Full Version: Banner Problem? (v2)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
N.B: In regard to my old thread, thank you very much for the help. But I wanted to zoom in & solve this problem in more detail.


Currently my banner looks like this:
[Image: f89c645d8d5150ee293e5390f2820021.png]

Whereas, I would like it to be how it was previously, where the login box was on top of the banner and the UserCP button etc. were in a straight line underneath.
This is my Header Template:
<div class="logo"><a href="http://www.virtualcraft.org/"><img src="images/habbo/banner2.png" style="float:left;margin-left:23px;"></a>
<div style="padding-top:15px; padding-left:45px; float:right; margin-right:50px; width:250px;"id="login">{$welcomeblock}</div>
</div>
<div class="navbar">
<if $mybb->user['uid'] then>
<a href="usercp.php"><img style="margin-right:35px; margin-left:35px;" src="images/habbo/usercp_light.png"></a>
</if>
<a href="search.php"><img style="margin-right:35px; margin-left:35px;" src="images/habbo/search_light.png"></a>
<a href="search.php?action=getnew"><img style="margin-right:35px; margin-left:35px;" src="images/habbo/newposts_light.png"></a>
<a href="memberlist.php"><img style="margin-right:35px; margin-left:35px;" src="images/habbo/members_light.png"></a>
<a href="calendar.php"><img style="margin-right:35px; margin-left:35px;" src="images/habbo/calendar_light.png"></a>
<a href="misc.php?action=help"><img style="margin-right:35px; margin-left:35px;" src="images/habbo/help_light.png"></a>
<if $mybb->user['uid'] then>
<a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}"><img style="margin-right:35px; margin-left:35px;" src="images/habbo/logout_light.png"></a>
</if>
</div>
<img src="images/habbo/top.png">	
<div id="container">
		<a name="top" id="top"></a>
		<hr class="hidden" />
		<br class="clear" />
		<div id="content">
			{$pm_notice}
			{$bannedwarning}
			{$bbclosedwarning}
			{$unreadreports}

			<navigation>
			<br />

Thank you very much!
Your header image is too large.
(2011-06-28, 06:25 AM)pyridine Wrote: [ -> ]Your header image is too large.

Do you know what pixel dimensions I should be using?
What were the dimensions of the old one?
(2011-06-28, 06:34 AM)pyridine Wrote: [ -> ]What were the dimensions of the old one?

[Image: 325ee24ba64ff144f5b55c64e5a803a7.png]
make a new banner image of about 628px width and 115px height - and replace logo image. that should fix it Smile
(2011-06-28, 06:55 AM)ranjani Wrote: [ -> ]make a new banner image of about 628px width and 115px height - and replace logo image. that should fix it Smile

A smaller image doesn't seem to fix it Confused
[Image: 52e9b590966ced3a9b1ae8c1e9fb3fde.png]
Bump! Still need help!
What happens if you remove the style from each link?

eg. delete this part: style="margin-right:35px; margin-left:35px;"

or drop those margins from 35px to 10px and see how it goes.