worthwhileluxury Posted February 23, 2012 Share Posted February 23, 2012 I have been struggling with this for ages. I know it shouldn't be too difficult but I just can't get it.I designed a site for someone and i have a footer that just won't display correctly. It is find in Internet explorer but not in Firefox and Chrome. Perhaps someone can help me and show me where I am going wrong in my coding. I have tried hundreds of variations and have reached the end of my tether. This is the site: http://andrewgeorgiou.com Look at the footer using Internet Explorer and then Chrome or Firefox. The AG logo is supposed to float to the far right. But in Firefox it is up against the text. This is the code I am using: <a href="http://andrewgeorgiou.com/contact-me">Contact Me</a> | Copyright © 2010 Andrew Georgiou. All Rights Reserved.<a href="http://andrewgeorgiou.com" target="_blank"> <img src="http://andrewgeorgiou.com/wp-content/uploads/2010/05/aggravatar60.jpg" title="Andrew Georgiou" alt="andrew gravatar" align="right" width="25" height="25" /></a><br />Designed by Worthwhile Luxury Link to comment Share on other sites More sharing options...
ShadowMage Posted February 23, 2012 Share Posted February 23, 2012 It looks the same to me in all three browsers. But maybe I'm not looking in the right spot. Can you post a screenshot of the problem? Link to comment Share on other sites More sharing options...
dsonesuk Posted February 23, 2012 Share Posted February 23, 2012 You have to remove it fron the paragraph and inner div like the two other anchor links, then use float:right; display:block; <div class="art-Footer"> <div class="art-Footer-inner"> <a href="http://andrewgeorgiou.com/feed" class="art-rss-tag-icon" title="RSS"></a> <a href="http://www.andrewgeorgiou.com>" class="art-agg-tag-icon" title="agg"></a> <div class="art-Footer-text"> <p><a href="http://andrewgeorgiou.com/contact-me">Contact Me</a> | Copyright © 2010 Andrew Georgiou. All Rights Reserved.<br>Designed by Worthwhile Luxury</p></div><a href="http://andrewgeorgiou.com" target="_blank" style="display:block; float:right;"> <img width="25" height="25" align="right" src="http://andrewgeorgiou.com/wp-content/uploads/2010/05/aggravatar60.jpg" title="Andrew Georgiou" alt="andrew gravatar"></a> </div> <div class="art-Footer-background"> </div></div> Link to comment Share on other sites More sharing options...
worthwhileluxury Posted February 24, 2012 Author Share Posted February 24, 2012 Thanks for the help.Desonesuk, what you did worked but the RSS is part of the design and now you will see that the logos don't line up. I must remove the rss from the design of the footer I guess hey? Link to comment Share on other sites More sharing options...
worthwhileluxury Posted February 24, 2012 Author Share Posted February 24, 2012 I got it. It worked! It's acceptable! Thanks guys! Link to comment Share on other sites More sharing options...
dsonesuk Posted February 24, 2012 Share Posted February 24, 2012 Just add/adjust the margins of these icons, till they line up. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.