Welcome to Geeklog, Anonymous Friday, November 29 2024 @ 09:54 am EST
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:
<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
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
11
16
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 styleand insert your script in it.
::Ben
I'm available to customise your themes or plugins for your Geeklog CMS
You could use a DIV container, specify the style
Text Formatted Code
style="float:right" ::Ben
I'm available to customise your themes or plugins for your Geeklog CMS
11
16
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;
<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&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
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&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
15
10
Quote
Status: offline
::Ben
Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
Don,
Did you try?
<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
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
10
13
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
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
17
14
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
::Ben
I'm available to customise your themes or plugins for your Geeklog CMS
10
14
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;
<div style='padding-top: 9px'>
To see the result;
http://www.panama-guide.com
Thanks again.
Don
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
20
14
Quote
All times are EST. The time is now 09:54 am.
- 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