MyBB Community Forums

I would like to insert a second logo into the header.

The first I have aligned left already.

logo2 I would like to align right.

Though I have tried to do this with html in the header template it never lines up directly across from my other logo.

What would be the correct way to achieve this?

Thanks.

Use position: absolute;

(2012-12-03, 02:25 AM)effone Wrote: [ -> ]Use position: absolute;

This is not helpful advice, if he understood how to use something like that we'd not be having the discussion ...

OP, post a link to your page and it will be easier to help you.

Brad,

Thanks. My goal is to put another bike image on the top right side of the page, same size as the left.

http://www.gl1200goldwings.com/gl1200/index.php

In header themplate:

<span class="bike"><img src="link/to.img" /></span>

In global.css:

.bike {
position: absolute;
top: 20px;
right: 5px;
}

Now this is helpful?

That is Very helpful and it does what you told it to do.... but if you look at the page again the picture lands at the far right of the screen...

I would be MOST grateful if you could show me how to stretch my board out to the edge of the screen rather than the 75% it is now.

http://www.gl1200goldwings.com/gl1200/index.php

That way the picture would be absolutely where I want it and the board would fill up the screen as I would prefer.

Thanks again.

If you want to stretch the board size, go to global.css and find:

#container {
width: 75%;

and change the value to 95%

If you want the logo to place more inside change:

.bike {
right: 5px;

to 100px / 12% - whatever suits.

Effone,

Thank you very much as that accomplished just what I needed.

You could have set the first image to float: left and the second image to float: right. You don't need all this extra code ...

Setting both to float just shrink up the header space I guess. Atleast one object has to be without float, else the header placeholder size has to be fixed with declared size.