Forums

WordPress › Support » Plugins and Hacks » Hacks

Header Banner advert space positioning problem (6 posts)

  1. Blakeborough
    Member
    Posted 11 months ago #

    Hi, I'm not sure whether I should have posted this within the plugin forum or not so apologies if this is in the wrong place.

    I'm currently using The Source theme on my website and have installed WP Ad Manager with the aim of creating a header banner advert next to the logo. I've managed to create the space within the theme so that WP Ad Manager recognises it and the image appears properly on the theme.

    However, I've placed #banner-top {position: absolute;right: 250px;top: 30px;} within my header.php file as instructed by one of the support forums but although the positioning of the ad is perfect, the hyperlink is gone!

    I can make the hyperlink appear on the ad by removing this code, but the advert placement is completely wrong (it hangs off to the far right hand side and doesn't align with the theme as the logo does)

    My site is 69-degrees.com and I've left the ad with the link but with the wrong position so you can see what I mean. Can someone please help. I need the ad sit neatly next to our logo (within the small black rectangle you can see on the right hand side in the middle of the ad)

    Any help at all is really appreciated!

  2. alchymyth
    The Sweeper
    Posted 11 months ago #

    all this:

    </div>

			<div id="banner-top"><a href="http://www.summersundae.com" target="_blank"><img class="alignright size-full wp-image-15" title="Summer Sundae 2011" src="http://69-degrees.com/wp-content/uploads/2011/06/Summer-Sundae-2011-leaderboard.gif" alt="wideloft" width="468" height="60" border="0" alt="Summer Sundae 2011"/></a><em></div>
		</div>

    is in an invalid spot in the header code; no html is allowed before the <body> tag.

    before any discussion on positioning, rearrange this first, and fix any other validation errors:
    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.69-degrees.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    http://codex.wordpress.org/Validating_a_Website

  3. Blakeborough
    Member
    Posted 11 months ago #

    @alchymyth
    Thanks for your reply. I think perhaps my question should have been along the lines of 'How do I add the space correctly?' in that case.

    I'm fairly new to editing code and the validation errors look really intimidating. I don't want to mess it up and break the whole thing!

    I've tried moving the html below the <body> tag as you mentioned but now this seems to be within the featured slider part of the site and moving everything along to the far left.

    Is there a simple way for me to reposition the banner where I mentioned and avoid the errors?

    Thank you.

  4. alchymyth
    The Sweeper
    Posted 11 months ago #

    this might be a suitable area (in header.php, inbetween these two lines):

    <div id="header-top" class="clearfix">
		<div class="container clearfix">

    so this would look like (make sure to add the style=" ... " sections and adjust the numbers):

    <div id="header-top" class="clearfix" style="position:relative;">

<div id="banner-top" style="position:absolute; top:0px;left:520px;z-index:2;"><a href="http://www.summersundae.com" target="_blank"><img class="alignright size-full wp-image-15" title="Summer Sundae 2011" src="http://69-degrees.com/wp-content/uploads/2011/06/Summer-Sundae-2011-leaderboard.gif" alt="wideloft" width="468" border="0" height="60"></a><em></em></div>

		<div class="container clearfix">

  5. Blakeborough
    Member
    Posted 11 months ago #

    That's fantastic. Thank you so much for your help!

  6. Blakeborough
    Member
    Posted 11 months ago #

    Apologies, I was a little hasty there!

    The positioning is perfect but I want this area to be integrated with WP Ad Manager so that whatever I change in the plugin can be seen in this header area. What would I need to change to achieve this?

    Although I could manually change the advertising in the header each time- ideally it'd be nice to be able to use the tracking features and ad management of WP Ad Manager.

Reply

You must log in to post.

About this Topic

Tags