Index.html grey background make facebook like button become ugly
Aug 23, 2011
I need to add facebook like button to the course, i use the code to show the button float at bottom like this:
Yep, when maximize browser everything're well look, but when restore down the browser:
How can I fix it?
Code:
<style type="text/css">#taskbar { bottom: -1px; font-family: Tahoma; font-size: 15px; right: 50; position: fixed; width: 87px; z-index: 9999;}#taskbar-content ul{list-style:none}</style><div id="taskbar"> <div id="taskbar-content"> <ul> <li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="medium"></g:plusone> </li> <li> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="no" layout="button_count" width="50" show_faces="false" font=""></fb:like> </li> </ul> </div></div>
3 Replies
Hi Nghi,
Can you try decreasing the width in the #taskbar style?
I decrease to 35px
#taskbar { bottom: -1px; font-family: Tahoma; font-size: 15px; right: 50; position: fixed; width: 35px;
grey line've disappeared.
i try to change right: 50; but doesn't work
anyway it look better than the first one
Hi Nghi,
You could try adding a "padding-right" or a "margin-right" style to the CSS to push it over.
This discussion is closed. You can start a new discussion or contact Articulate Support.