float image over the header of forum

[PuntoPower]

i was wondering is it possible to "float" an image over the header for a forum. the image i want to float is some banners from phpads. see attached forum header

[KTBleeding]

Is the header image set as a background?

[PuntoPower]

no, its called in "header". its called like this.....

<div id="logostrip"><img src="$stylevar[imgdir_misc]/logostrip.gif" alt="" /></div>

[KTBleeding]

Hm. Well, the only way you can float it is if it's a background.. which would honestly be the way I would do it. You may also acheive this with a "layer" but I have never had good luck with those.

Is that image chopped up for the html document, or is it the entire header itself?

[PuntoPower]

its the entire header itself alright. i was thinking that i may have to go down the route of chopping it all up and inserting the banner as one of the sections.

if i chop them up, what the best way to put them back together....tables or ????

[KTBleeding]

Well, I'm one of those guys who tries to avoid using tables as much as possible.

I will usually split a header image up into three images horizontally.. just so slower connections won't have too big of an issue with it. However, in this case I would use divs.

Something like:

<div style="background: #000 url(path_to/images/misc/logostrip.gif) no-repeat; height: 120px;">
	<div style="float: right; margin: 10px; border: 1px solid #000;"><img src="path_to/images/banner.gif" alt="" /></div>
</div>

This is just a quick example thrown together, but should be what you're looking for. If you want to, you can also create two different classes with those settings and then call them in the code intead.

Of course you'll want to change what's marked in bold tags to suite your site / preferences.

[PuntoPower]

the banner is in js as below, so wud the above work?

<script language='JavaScript' type='text/javascript' src='http://website.com/phpAdsNew/adx.js'></script>
<script language='JavaScript' type='text/javascript'>
<!--
   if (!document.phpAds_used) document.phpAds_used = ',';
   phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
   
   document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
   document.write ("http://website.com/phpAdsNew/adjs.php?n=" + phpAds_random);
   document.write ("&amp;what=zone:3");
   document.write ("&amp;exclude=" + document.phpAds_used);
   if (document.referrer)
      document.write ("&amp;referer=" + escape(document.referrer));
   document.write ("'><" + "/script>");
//-->
</script><noscript><a href='http://website.com/phpAdsNew/adclick.php?n=af4aa6e8' target='_blank'><img src='http://website.com/phpAdsNew/adview.php?what=zone:3&amp;n=af4aa6e8' border='0' alt=''></a></noscript>

[KTBleeding]

<div style="background: #000 url(path_to/images/misc/logostrip.gif) no-repeat; height: 120px;">
	<div style="float: right; margin: 10px; border: 1px solid #000;">
		<script language="JavaScript" type="text/javascript" src="http://website.com/phpAdsNew/adx.js"></script>
		<script language="JavaScript" type="text/javascript">
		<!--
		   if (!document.phpAds_used) document.phpAds_used = ',';
		   phpAds_random = new String (Math.random()); phpAds_random = phpAds_random.substring(2,11);
		   
		   document.write ("<" + "script language='JavaScript' type='text/javascript' src='");
		   document.write ("http://website.com/phpAdsNew/adjs.php?n=" + phpAds_random);
		   document.write ("&amp;what=zone:3");
		   document.write ("&amp;exclude=" + document.phpAds_used);
		   if (document.referrer)
			  document.write ("&amp;referer=" + escape(document.referrer));
		   document.write ("'><" + "/script>");
		//-->
		</script>
		
		<a href="http://website.com/phpAdsNew/adclick.php?n=af4aa6e8" target="_blank"><img src="http://website.com/phpAdsNew/adview.php?what=zone:3&amp;n=af4aa6e8" border="0" alt="" /></a>
	
	</div>
</div>

That should work out fine. You will still want to change the necessary tags to fit your site though.

[PuntoPower]

ill give it a go. thanks for your time

[KTBleeding]

No problem. Good luck with it.