MyBB Community Forums

Full Version: Vertical aligning banner in header
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
I want to put a banner in the header of my forum, at the right of the original logo. It now looks like this:

[Image: 2u7wu84.jpg]

My original logo is 95 px high; the banner at the right only 60px.
Now I want to vertical align this banner so it's not placed to te bottom.

Can somebody show me how to do this? What do I have to change/add in/to the header template? I tried several methodes but they did not work........

Thanks again,

Ger
Add the following in your CSS of this image;
vertical-align:text-top;
Thanks Yaldaram, but where exactly? My code looks like this:
<div id="container">
<a name="top" id="top"></a>		
<div id="header">			
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<a href="http://www.removed.com/forumfoto/ff.jpg">
<img src="forumfoto/ffklein.jpg" alt="Foto van de week, klik erop voor een vergroting"></a>&nbsp &nbsp &nbsp &nbsp{$banner}</div>
<!-- start: topmenu -->

The code of the banner is {$banner} (olmost on the bottom of that script)

Could you put it on the right place for me please? I really don't now how to do that.


Thanks a lot,
Ger
I think you are using any plugin, isn't it ? {$banner} variable is evaluating any "global" template. Your CSS code will be present either on that global template I assume.
Yes, you're wright, it's a plugin alright. It's called "ad rotation manager". Is'nt it possible to allign this {banner} into the header this way? Or should I change something in that plugin?

Ger
Replace the {$banner} with the following;

<div id="banner">{$banner}</div>

Now add the following in your global.css stylesheet

.banner
{
vertical-align:text-top;
}

I hope it helps.
That did'nt work either Yaldaram Confused

Thanks anyway,

Ger
Can I have a link to your website?
Have your tried? :

.banner
{
vertical-align:top;
}
@Janota: I'm affraid this does'nt work either......

I hope you find a solution.......

Ger
Pages: 1 2