help with my header

Ok this is my code on my wordpress blog for my logo at the top of the page!

<div class="site_logo"><a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo/ghacksheaderlong.jpg" alt="ghacks" border="0"/></a>

And below is the code to an affiliate banner!

<div align=RIGHT> <?php if (function_exists(wpOpenAdsGetKeyword)) wpOpenAdsGetKeyword(11); ?> </div>

I need help mixing the code together so when you look at my blog you see my logo to the left and the affiliate banner on top but to the right get me!?

The affiliate banner overlapping my logo basically.

 

You shouldnt do <div align=RIGHT>, divs don't work like that.

What you are going to want to use is the "float" attribute.

It all depends on your header. If it is a small to mid-sized image you could just float the header image to the left and then float the aff. banner to the right.

Something like this (simplified obviously)

<div id="header">
  <a href=""><img src="yourimagehere.jpg" alt="blah" /></a>
  <div id="aff-banner">
     Your aff. banner code/content
  </div>
  <div style="clear:both;"></div>
</div>

Code (markup):

CSS would be similar to:

#header {
 width:xxx px;
 height: xxx px;
}

   #header img{
       float: left;
    }

#aff-banner {
   float: right;
   /* define width if you want */
}

Code (markup):

You get the idea.

If your header image is huge and you need the aff. stuff to actually overlay the header then you will have to set the actual header images as the background.

cheers

 

^ Don't forget to contain the floats.

 

ok check my blog http://www.making-money-online-auctions.co.uk, i have managed to get the banner to the right, is there any way to lower the banner so its level with the logo?