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=â?http://tweetmeme.com/i/scripts/button.jsâ?> </script>
<div style=�float: left; margin-right: 12px; padding: 4px 10px 0pt;�>
<a name=�fb_share� type=�button_count� href=�http://www.facebook.com/sharer.php�>Share</a><script src=�http://static.ak.fbcdn.net/connect.php/js/FB.Share� 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 http://bit.ly/bVje4m […]

Leave A Comment

We use technology (including cookies) to collect, use and transfer information to support this Site, including for data analytics purposes, as described in this Site's updated Privacy Policy. Your continued use of the Site signifies your acceptance of such cookies. To learn more about how to manage your cookie settings and how to exercise your rights under GDPR please see our Privacy Policy

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.