howto: tweetmeme and facebook share buttons aligned
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;â?>
<div style=â?float: left; margin-right: 12px; padding: 4px 10px 0pt;â?>
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).