2012-06-03 3 views
0

문제의 해결책은 orginally했지만 2013 년 1 월 26 일부터는 더 이상 않습니다. 나는 이메일 메시지가 AddThis 공유 아이콘 수직 테이블을 사용하여 이격이 그 외출이Gmail의 아이콘 간격이 잘못됨

<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 내 업데이트 된 코드입니다. Gmail은 Thunderbird에서 올바르게 표시되지만 간격은 다릅니다.

여기 Spacing Screenshot

이 AddThis 코드와 주변의 코드를 (전체 이메일 코드는 구성하는 코드입니다 : 나는이 문제를 해결하는 방법을하지 확신, 여기에 그들이 이격되는 방법에 대한 예제 사진입니다

<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> 

이 자바 스크립트와 인라인되지 이메일입니다 기억하십시오 : 여기

<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> 

는 전체 전자 메일의 코드는 다음과 같습니다)이 아래로 CSS.

답변

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> 
+0

에 높이를 추가하십시오! 감사! => – L84

+0

2013 년 1 월 26 일자로이 솔루션은 더 이상 작동하지 않습니다. – L84

+0

업데이트 : [이 질문] (http://stackoverflow.com/questions/6711165/subscriber-email-gmail-is-converting-height-to-min-height)이 최근 문제를 해결했습니다. – L84