0

質問に対する解決策は元々機能していましたが、2013 年 1 月 26 日以降は機能しなくなりました。

AddThis の更新されたコードは次のとおりです。

<table width="1" height="480" border="0">
  <tbody>
   <tr>
     <td style="height: 386px; width: 20px;">&nbsp;</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&amp;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&amp;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&amp;=300&amp;pubid=ra-4dfb00d56c76d2a5&amp;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;">&nbsp;</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;">&nbsp;</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&amp;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&amp;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&amp;=250&amp;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;">&nbsp;</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;">&nbsp;</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&amp;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&amp;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&amp;=250&amp;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>&nbsp;</p>
                    <p><a href="url" style="color: 
rgb(243, 243, 243); text-decoration: none;" title="text">
<img alt="UBhapE2 =&gt;" 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 のみであることを覚えておいてください。

4

1 に答える 1

1

AddThis <td>-s に高さを追加してみてください

<td height="31">
    <a target="_blank" href="http://api.addthis.com/
    oexchange/0.8/forward/facebook/offer?pco=tbxnj-1.0&amp;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>
于 2012-06-03T21:11:06.483 に答える