<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tabbles &#187; great success!</title>
	<atom:link href="http://tabbles.net/blog/tag/great-success/feed/" rel="self" type="application/rss+xml" />
	<link>http://tabbles.net</link>
	<description>Document Management Software, File Tagging</description>
	<lastBuildDate>Thu, 17 May 2012 04:34:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>howto: tweetmeme and facebook share buttons aligned</title>
		<link>http://tabbles.net/blog/howto-tweetmeme-and-facebook-share-buttons-aligned/</link>
		<comments>http://tabbles.net/blog/howto-tweetmeme-and-facebook-share-buttons-aligned/#comments</comments>
		<pubDate>Mon, 21 Jun 2010 21:57:03 +0000</pubDate>
		<dc:creator>Andrea</dc:creator>
				<category><![CDATA[English]]></category>
		<category><![CDATA[alignment]]></category>
		<category><![CDATA[buttons]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[forum]]></category>
		<category><![CDATA[great success!]]></category>
		<category><![CDATA[howto]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://tabbles.net/blog/?p=442</guid>
		<description><![CDATA[How to get the tweetmeme button and facebook share button (horizontal) aligned on your web page - the digg digg plugin and the wibiya toolbar]]></description>
			<content:encoded><![CDATA[<p>HELLO WORLD,</p>
<p>A super-fast post here, for those of you who are geeky, blogs/sites, but don&#8217;t know too much about html/javascript. I&#8217;m writing this as even if the problem is trivial, I googled a bit and couldn&#8217;t find any &#8220;copy&#8217;n'paste&#8221; kind of solution, so here you are.</p>
<h2>The problem: Â the tweetmeme and facebook share horizontal buttons are disaligned</h2>
<p>&#8220;This kinda sucks&#8221; you&#8217;d think &#8220;since they&#8217;re the 2 most populare sharing button, why didn&#8217;t they make an effort to make them aligned by default?&#8221;. Good question. But still, wait to see what the &#8220;Google buzz&#8221; button looks like! :-O</p>
<p>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 <strong>copy&#8217;n'paste the following code into your webpage and it should work fine:</strong></p>
<p><br class="spacer_" /></p>
<div id="_mcePaste"><span style="color: #339966;">&lt;table&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;tbody&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;tr&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;td&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;div style=â€float: left; margin-left: 0px; padding: 6px 0px 0pt;â€&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;script type=â€text/javascriptâ€&gt; tweetmeme_style = â€˜compactâ€™;&lt;/script&gt; &lt;script type=â€text/javascriptâ€ src=â€http://tweetmeme.com/i/scripts/button.jsâ€&gt; &lt;/script&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;/div&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;/td&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;td&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;div style=â€float: left; margin-right: 12px; padding: 4px 10px 0pt;â€&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;a name=â€fb_shareâ€ type=â€button_countâ€ href=â€http://www.facebook.com/sharer.phpâ€&gt;Share&lt;/a&gt;&lt;script src=â€http://static.ak.fbcdn.net/connect.php/js/FB.Shareâ€ type=â€text/javascriptâ€&gt;&lt;/script&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;/div&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;/td&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;/tr&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;/tbody&gt;</span></div>
<div id="_mcePaste"><span style="color: #339966;">&lt;/table&gt;</span></div>
<p><br class="spacer_" /></p>
<p>You can see the result on our <a title="Tabbles forum" href="http://tabbles.net/forum/what-we-re-working-on-updating-often-t69.html">forum</a>.</p>
<p>Notes: always get the latest scripts from <a title="tweetmeme button" href="http://help.tweetmeme.com/2009/04/06/tweetmeme-button/">tweetmeme</a> and <a title="facebook share button" href="http://www.facebook.com/facebook-widgets/share.php">facebook</a>. As the buttons change, you may need to play around with the values a bit&#8230;</p>
<p><br class="spacer_" /></p>
<p><strong>Edit: on this blog we&#8217;re currently using the amazing </strong><a title="Digg Digg plugin for wordpress" href="http://wordpress.org/extend/plugins/digg-digg/"><strong>Digg Digg</strong></a><strong> plugin</strong> and the <a title="Wibiya toolbar" href="http://www.wibiya.com/">wibiya</a> toolbar (we&#8217;re still using the 2 buttons on our <a title="Tabbles forum - tabble sharing" href="http://tabbles.net/forum/shared-tabbles-public-beta-t296.html">forum</a>).</p>
]]></content:encoded>
			<wfw:commentRss>http://tabbles.net/blog/howto-tweetmeme-and-facebook-share-buttons-aligned/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

