The solution to the question orginally worked but as of January 26. 2013 it no longer does.
Here is my updated code for AddThis:
<table width="1" height="480" border="0">
<tbody>
<tr>
<td style="height: 386px; width: 20px;"> </td>
</tr>
<tr>
<td style="height: 16px; width: 16px;"><a style="color: #f3f3f3;" title="Share Via Facebook" href="http://api.addthis.com/oexchange/0.8/forward/facebook/offer?pco=tbxnj-1.0&url=http%3A%2F%2Fwww.url.com" target="_blank"><img height="16" style="border-width: 0px; border-style: solid; height:16px;" src="http://cache.addthiscdn.com/icons/v1/thumbs/facebook.gif" alt="Facebook" /></a></td>
</tr>
<tr>
<td style="height: 16px; width: 16px;"><a style="color: #f3f3f3;" title="Share Via Twitter" href="http://api.addthis.com/oexchange/0.8/forward/twitter/offer?pco=tbxnj-1.0&url=http%3A%2F%2Fwww.url.com" target="_blank"><img height="16" style="border-width: 0px; border-style: solid; height:16px;" src="http://cache.addthiscdn.com/icons/v1/thumbs/twitter.gif" alt="Twitter" /></a></td>
</tr>
<tr>
<td style="height: 16px; width: 16px;"><a style="color: #f3f3f3;" title="More Sharing Options" href="http://www.addthis.com/bookmark.php?source=tbxnj-1.0&=300&pubid=ra-4dfb00d56c76d2a5&url=http%3A%2F%2Fwww.url.com " target="_blank"><img height="16" style="border-width: 0px; border-style: solid; height:16px;" alt="More..." src="http://cache.addthiscdn.com/icons/v1/thumbs/more.gif" /></a></td>
</tr>
</tbody>
</table>
ORIGINAL QUESTION
I have an email message going out that has AddThis Sharing icons spaced vertically using tables. They appear correctly in Thunderbird but are spaced way apart in Gmail. I am not sure how to correct this, here is an example picture of how they are spaced:
Here is the code that makes up the AddThis Code and the code around it (The complete email code is below this):
<table border="0" width="640">
<tbody>
<tr>
<td style="width: 20px;"> </td>
<td style="width: 586px;">
<div>
<div align="center"><a href="img-link"><img alt="At Text"
src="img-src"></a></div>
</div>
</td>
<td style="width: 20px;">
<table border="0" height="498" width="20">
<tbody>
<tr>
<td style="height: 406px;"> </td>
</tr>
<!-- ADD THIS CODE -->
<tr>
<td><a target="_blank" href="http://api.addthis.com/
oexchange/0.8/forward/facebook/offer?pco=tbxnj-1.0&url=share-url"
title="Share Via Facebook" style="color: rgb(243, 243, 243);">
<img alt="Facebook"
src="http://cache.addthis.com/icons/v1/thumbs/facebook.gif"
style="border-width: 0px; border-style: solid; display: block;"></a></td>
</tr>
<tr>
<td><a target="_blank" href="http://api.addthis.com/
oexchange/0.8/forward/twitter/offer?pco=tbxnj-1.0&url=share-url"
title="Share Via Twitter" style="color: rgb(243, 243, 243);">
<img alt="Twitter" src="http://cache.addthis.com/icons/v1/thumbs/twitter.gif"
style="border-width: 0px; border-style: solid; display: block;"></a></td>
</tr>
<tr>
<td><a target="_blank" href="http://www.addthis.com/bookmark.php?
source=tbxnj-1.0&=250&url=share-url"
title="More Sharing Options" style="color: rgb(243, 243, 243);">
<img alt="More..." src="http://cache.addthis.com/icons/v1/thumbs/more.gif"
style="border-width: 0px; border-style: solid; display: block;"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Here is the code of the complete email:
<table align="center" border="0" cellpadding="0" cellspacing="0" width="98%">
<tbody>
<tr>
<td style="background-color: rgb(0, 0, 0);" align="center">
<table border="0" cellpadding="0" cellspacing="0" width="640">
<tbody>
<tr>
<td style="font-family: arial,helvetica,sans-serif;
color: rgb(243, 243, 243); background-color: rgb(0, 0, 0);">
<p><img alt=" Alt Text" src="img-src"
style="color: rgb(0, 0, 0);" height="1" width="1"></p>
<table border="0" width="640">
<tbody>
<tr>
<td style="width: 20px;"> </td>
<td style="width: 586px;">
<div>
<div align="center"><a href="img-link"><img alt="At Text"
src="img-src"></a></div>
</div>
</td>
<td style="width: 20px;">
<table border="0" height="498" width="20">
<tbody>
<tr>
<td style="height: 406px;"> </td>
</tr>
<!-- ADD THIS CODE -->
<tr>
<td><a target="_blank" href="http://api.addthis.com/
oexchange/0.8/forward/facebook/offer?pco=tbxnj-1.0&url=share-url"
title="Share Via Facebook" style="color: rgb(243, 243, 243);">
<img alt="Facebook"
src="http://cache.addthis.com/icons/v1/thumbs/facebook.gif"
style="border-width: 0px; border-style: solid; display: block;"></a></td>
</tr>
<tr>
<td><a target="_blank" href="http://api.addthis.com/
oexchange/0.8/forward/twitter/offer?pco=tbxnj-1.0&url=share-url"
title="Share Via Twitter" style="color: rgb(243, 243, 243);">
<img alt="Twitter" src="http://cache.addthis.com/icons/v1/thumbs/twitter.gif"
style="border-width: 0px; border-style: solid; display: block;"></a></td>
</tr>
<tr>
<td><a target="_blank" href="http://www.addthis.com/bookmark.php?
source=tbxnj-1.0&=250&url=share-url"
title="More Sharing Options" style="color: rgb(243, 243, 243);">
<img alt="More..." src="http://cache.addthis.com/icons/v1/thumbs/more.gif"
style="border-width: 0px; border-style: solid; display: block;"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="color: rgb(243, 243, 243);" valign="top">
<div style="font-family: arial,helvetica,sans-serif;
padding: 0pt 20px; color: rgb(243, 243, 243);">
<p> </p>
<p><a href="url" style="color:
rgb(243, 243, 243); text-decoration: none;" title="text">
<img alt="UBhapE2 =>" src="img-sr"
style="border-width: 0px; border-style: solid;"></a>
<span class="textcenter"><br>
</span></p>
<p>text <a style="color: rgb(243, 243, 243);"
title="View This E-Mail In Your Browser" href="url">text</a>. </p>
<p>text <a style="color: rgb(243, 243, 243);"
title="text" href="url">text</a></p>
<p><a style="color: rgb(243, 243, 243);"
title="text" href="url/">text</a></p>
<p text</p>
<div style="font-family: arial,helvetica,sans-serif;">
<p style="font-size: 12px;" align="center">text</p>
</div>
</div>
<div style="display: none;">{tag_unsubscribe}</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
Please remember these are emails, not javascript and only inline CSS.
