質問に対する解決策は元々機能していましたが、2013 年 1 月 26 日以降は機能しなくなりました。
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>
元の質問
表を使用して垂直方向に配置された AddThis 共有アイコンを含む電子メール メッセージを送信しています。それらは Thunderbird では正しく表示されますが、Gmail ではかなり離れています。これを修正する方法がわかりません。これは、それらがどのように配置されているかの例の写真です。
AddThis コードを構成するコードとその周辺のコードを次に示します (完全な電子メール コードはこの下にあります)。
<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>
完全な電子メールのコードは次のとおりです。
<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>
これらは電子メールであり、javascript ではなく、インライン CSS のみであることを覚えておいてください。