Hi guys I have added a Facebook like button to top links but for some reason it makes other links to drop. Could you help me here?
<ul class="menu top_links">
<li><a href="https://plus.google.com/u/0/b/106235526137996636478/106235526137996636478/posts" target="_blank" class="google">Google Plus</a></li>
<li><a href="http://facebook.com/forumboards" target="_blank" class="facebook">Facebook</a></li>
<li><div class="fb-like" data-href="http://letsforum.com" data-width="80" data-layout="button_count" data-show-faces="false" data-send="false"></div></li>
</ul>
for the alignment, you can try adding margin-top: -6px; for #panel .upper ul.top_links in the global.css (line 172)
hard refresh your browser (eg. press CTRL + F5) on index page after saving changes to global.css
(2013-08-22, 07:46 PM).m. Wrote: [ -> ]for the alignment, you can try adding margin-top: -6px; for #panel .upper ul.top_links in the global.css (line 172)
hard refresh your browser (eg. press CTRL + F5) on index page after saving changes to global.css
Thanks very much but it moves the whole thing including facebook button
Do what .m. says but also add to global.css:
#panel .top_links .fb-like {
margin-top: 6px;
}
or:
#panel .top_links iframe {
margin-top: 6px;
}
EDIT: forget the 1st, but 2nd together with .m.'s code works fine.
Thanks! I have made some changes and it works great on IE and firefox but doesn't maintain top margin in chrome!
<div class="wrapper">
<ul class="menu top_links">
<li><a href="https://plus.google.com/u/0/b/106235526137996636478/106235526137996636478/posts" target="_blank" class="google">Google Plus</a></li>
<li><a href="http://facebook.com/forumboards" target="_blank" class="facebook">Facebook</a></li>
<ul class="menu top_links">
<li><span id="fblikediv"><img src="images/fb-like-button.png" id="fblikeimg" onMouseOver="return renderFbLike();"></span></li>
</ul>
</ul>
Thank you guys very much for your help, but I have fixed it
