How to get banner in header

[killa101]

Hello. I recently purchased a new vbulletin style for my forum and the way the header is coded I cannot figure out how to get a banner in there. It does not use tables, just div's. I want the banner to be to the right of the forum logo.

Here is my forum: www.pb-addict.com

And here is my header code:

<!-- logo -->
<a name="top"></a>
<div id="vbwrapper">
<div id="logostrip"><a href="./portal.php"><img src="$stylevar[imgdir_misc]/logostrip.gif" alt="" /></a></div>
<div id="submenu"><a href="portal.php" onmouseover="changeImages('image1', 'image1off')" onmouseout="changeImages('image1', 'image1on')"><img src="$stylevar[imgdir_misc]/submenu_home.gif" name="image1" alt="" /></a><a href="./" onmouseover="changeImages('image2', 'image2off')" onmouseout="changeImages('image2', 'image2on')"><img src="$stylevar[imgdir_misc]/submenu_forum.gif" name="image2" alt="" /></a><a href="memberlist.php?$session[sessionurl]" onmouseover="changeImages('image3', 'image3off')" onmouseout="changeImages('image3', 'image3on')"><img src="$stylevar[imgdir_misc]/submenu_members.gif" name="image3" alt="" /></a><a href="calendar.php?$session[sessionurl]" onmouseover="changeImages('image4', 'image4off')" onmouseout="changeImages('image4', 'image4on')"><img src="$stylevar[imgdir_misc]/submenu_calendar.gif" name="image4" alt="" /></a><a href="search.php?$session[sessionurl]" onmouseover="changeImages('image5', 'image5off')" onmouseout="changeImages('image5', 'image5on')"><img src="$stylevar[imgdir_misc]/submenu_search.gif" name="image5" alt="" /></a></div>
<div id="vbwrapper2">
<div class="b-middle"><div class="b-left"><img src="$stylevar[imgdir_misc]/border_top_l.gif" alt="" /></div><div class="b-right"><img src="$stylevar[imgdir_misc]/border_top_r.gif" alt="" /></div></div>
<div id="vbwrapper3">

<!-- content table -->
$spacer_open

$_phpinclude_output

<if condition="$show['guest']">
<!-- Sponsor Ads -->
<div align="center">
  <br /><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="730" align="center">
  <tr>
  <td class="tcat" colspan="6"><phrase 1="$vboptions[bbtitle]">Paintball Sponsors - Register/Login for ad free browsing.</phrase></td>
  </tr>
  <tr>
  <td bgcolor="#00113a" colspan="6">
  <div align="center">
  <script type="text/javascript"><!--
google ads code edited out
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
  </div>
  </td>
  </tr>
  </table>
  <br /><br />
</div>
<!-- Sponsor Ads Ends -->
</if>

Thanks for your help.

[Nutz]

<!-- logo -->
<a name="top"></a>
<div id="vbwrapper">
<div id="logostrip"><a href="./portal.php"><img src="$stylevar[imgdir_misc]/logostrip.gif" alt="" /></a><div style="position: absolute; right: 25px; top: 20px;"><a href="http://google.com"><img src="http://www.simplygraphix.com/images/banner9.gif" alt="This is an ad"/></a></div></div>
<div id="submenu"><a href="portal.php" onmouseover="changeImages('image1', 'image1off')" onmouseout="changeImages('image1', 'image1on')"><img src="$stylevar[imgdir_misc]/submenu_home.gif" name="image1" alt="" /></a><a href="./" onmouseover="changeImages('image2', 'image2off')" onmouseout="changeImages('image2', 'image2on')"><img src="$stylevar[imgdir_misc]/submenu_forum.gif" name="image2" alt="" /></a><a href="memberlist.php?$session[sessionurl]" onmouseover="changeImages('image3', 'image3off')" onmouseout="changeImages('image3', 'image3on')"><img src="$stylevar[imgdir_misc]/submenu_members.gif" name="image3" alt="" /></a><a href="calendar.php?$session[sessionurl]" onmouseover="changeImages('image4', 'image4off')" onmouseout="changeImages('image4', 'image4on')"><img src="$stylevar[imgdir_misc]/submenu_calendar.gif" name="image4" alt="" /></a><a href="search.php?$session[sessionurl]" onmouseover="changeImages('image5', 'image5off')" onmouseout="changeImages('image5', 'image5on')"><img src="$stylevar[imgdir_misc]/submenu_search.gif" name="image5" alt="" /></a></div>
<div id="vbwrapper2">
<div class="b-middle"><div class="b-left"><img src="$stylevar[imgdir_misc]/border_top_l.gif" alt="" /></div><div class="b-right"><img src="$stylevar[imgdir_misc]/border_top_r.gif" alt="" /></div></div>
<div id="vbwrapper3">

<!-- content table -->
$spacer_open

$_phpinclude_output

<if condition="$show['guest']">
<!-- Sponsor Ads -->
<div align="center">
  <br /><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="730" align="center">
  <tr>
  <td class="tcat" colspan="6"><phrase 1="$vboptions[bbtitle]">Paintball Sponsors - Register/Login for ad free browsing.</phrase></td>
  </tr>
  <tr>
  <td bgcolor="#00113a" colspan="6">
  <div align="center">
  <script type="text/javascript"><!--
google ads code edited out
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
  </div>
  </td>
  </tr>
  </table>
  <br /><br />
</div>
<!-- Sponsor Ads Ends -->
</if>

Try that, and the bit added is:

<div style="position: absolute; right: 25px; top: 20px;"><a href="http://google.com"><img src="http://www.simplygraphix.com/images/banner9.gif" alt="This is an ad"/></a></div>

which should give you this:
Attachment 65602

Thanks,
Mat.

[UltimateOreo!]

What addon for firefox do you have? That is a very cool one.

[Nutz]

Web Developer, the feature you see there is 'edit HTML' part of the add-on

Thanks,
Mat

[killa101]

Excellent. Thanks man.

And thanks for that web developer addon. That is wicked.

Ok tad bit of a problem here. People viewing the site with 800x600 resolution are going to see the banner overlapping the logo. Is there any way to make it so that they do not overlap but rather the window stops shrinking when the logo and banner touch and it just goes to side scrolling mode?