Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 05:07 pm EDT

Geeklog Forums

Help! I Need To Right-Justify An Image In The Header


Status: offline

winnerdk

Forum User
Full Member
Registered: 04/24/05
Posts: 339
Location:Panama City, Republic of Panama
Since upgrading to GL 1.6.1 I can't figure out how to get the Openx generated banner to right-justify in the header. Take a look at the site:

http://www.panama-guide.com

The script that generates the banner is:

Text Formatted Code
<!-- Generated by OpenX 2.8.1 -->
<script type='text/javascript' src='http://www.panama-guide.com/Openx/www/delivery/spcjs.php?id=1' align="right"></script>


I would like the banner to appear all the way to the right - and right now it's tucking up to the left next to the site logo. I've banged around (and tried adding the right align in the line of code above) but it's not working. If anyone can tell me how to accomplish this, please help.

Thanks

Don
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
Hello,

You could use a DIV container, specify the style
Text Formatted Code
style="float:right"
and insert your script in it.

::Ben
I'm available to customise your themes or plugins for your Geeklog CMS
 Quote

Status: offline

winnerdk

Forum User
Full Member
Registered: 04/24/05
Posts: 339
Location:Panama City, Republic of Panama
I keep banging my head against the wall on this one, and I simply don't know what I'm doing and I can't get it done. Here's the entire block of script that creates the header logo bar and the banner I'm trying to display there;

Text Formatted Code
   <div class="header-logobg-container-inner">
        <a class="header-logo" href="{site_url}/" rel="home"><br><br />         <a href="{site_url}/"><img src="http://www.panama-guide.com/layout/professional/images/pg2.gif" width="507" height="66" alt="{site_name}" border="0"></a>
<td class="header-logobg-right">               
<!-- Test of OpenAds Script in Header Block -->
<!-- Generated by OpenX 2.8.1 -->
<script type='text/javascript' src='http://www.panama-guide.com/Openx/www/delivery/spcjs.php?id=1' align="right"></script>
<script type='text/javascript'><!--// <![CDATA[ /* [id1] www.panama-guide.com */
    OA_show(1);
// ]]> --></script><noscript><a target='_blank' align='right' href='http://www.panama-guide.com/Openx/www/delivery/ck.php?n=236d9e9'><img height='60' width='468' border='0' align='right' alt='' src='http://www.panama-guide.com/Openx/www/delivery/avw.php?zoneid=1&amp;n=236d9e9' /></a></noscript>

<!-- End of Test Area -->              
        </div> 


As you can see I've tried to insert align='right' in a couple of places and it's just not working. I also played around with trying to insert the style="float:right" thing and didn't have any luck with that either. I just want the banner to right justify. To see what I mean, please take a look at the website;

http://www.panama-guide.com

The banner is left justified and it appears right new to the site logo. I would like to have it right justify, and appear on the other side of the top bar. Again, I'm asking for help from anyone who knows what I need to do in order to get this done. Thanks.

Don
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
Don,

Did you try?
Text Formatted Code

<div>
  Your left content
  <div style='float:right'>Your right content</div>
</div>
<div style="clear:both"></div>


::Ben


I'm available to customise your themes or plugins for your Geeklog CMS
 Quote

Status: offline

winnerdk

Forum User
Full Member
Registered: 04/24/05
Posts: 339
Location:Panama City, Republic of Panama
:banana:

Ha! Yes! That worked? Thank you very much! Take a look;

http://www.panama-guide.com

Now, how do I get both the website logo and the banner to center horizontally? Right now they are both crammed up against the top of the block. I would like them to "sit down" into the middle or center of the block, equally distant from both the top and bottom. Is there another element I can add to make this happen?

And, thanks again - very very much - for taking the time to help me with this.

Don
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
You could use some padding-top in the style.

::Ben
I'm available to customise your themes or plugins for your Geeklog CMS
 Quote

Status: offline

winnerdk

Forum User
Full Member
Registered: 04/24/05
Posts: 339
Location:Panama City, Republic of Panama
That worked! Thanks again. My slightly misaligned header is now squared away. I inserted the second line;

Text Formatted Code
<div class="header-logobg-container-inner">
        <div style='padding-top: 9px'>


To see the result;

http://www.panama-guide.com

Thanks again.

Don
 Quote

All times are EDT. The time is now 05:07 pm.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content