howto: tweetmeme and facebook share buttons aligned


A super-fast post here, for those of you who are geeky, blogs/sites, but don’t know too much about html/javascript. I’m writing this as even if the problem is trivial, I googled a bit and couldn’t find any “copy’n’paste” kind of solution, so here you are.

The problem:  the tweetmeme and facebook share horizontal buttons are disaligned

“This kinda sucks” you’d think “since they’re the 2 most populare sharing button, why didn’t they make an effort to make them aligned by default?”. Good question. But still, wait to see what the “Google buzz” button looks like! :-O

Anyway, before finding this solution I created a table around the 2 buttons,  tried using  inline CSS (vertical-align and margin) to get them aligned and none worked. What did work was usign a div tag, just copy’n’paste the following code into your webpage and it should work fine:

<div style=�float: left; margin-left: 0px; padding: 6px 0px 0pt;�>
<script type=â?text/javascriptâ?> tweetmeme_style = â??compactâ??;</script> <script type=â?text/javascriptâ? src=â?â?> </script>
<div style=�float: left; margin-right: 12px; padding: 4px 10px 0pt;�>
<a name=�fb_share� type=�button_count� href=��>Share</a><script src=�� type=�text/javascript�></script>

You can see the result on our forum.

Notes: always get the latest scripts from tweetmeme and facebook. As the buttons change, you may need to play around with the values a bit…

Edit: on this blog we’re currently using the amazing Digg Digg plugin and the wibiya toolbar (we’re still using the 2 buttons on our forum).

By | 2010-06-21T22:57:03+00:00 June 21st, 2010|English|4 Comments

About the Author:


  1. Michael Wallace December 3, 2011 at 9:37 am

    Hey there , I am forming a new unique website and some of your original articles would really fit in well. Would you let me post think article for my readers?

  2. Elson April 23, 2011 at 3:48 am

    Thanks man… You Rock!

  3. […] This post was mentioned on Twitter by Andrea D'Intino. Andrea D'Intino said: RT @tabbles howto: tweetmeme and facebook share buttons aligned […]

Leave A Comment

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.