帶Outlook 2013的HTML電子郵件 - 邊界左和td對齊問題

我正在處理html電子郵件簽名，並且正在拉我的頭髮，試圖使其與Outlook 2007,2010和2013一起工作。在其他每個電子郵件客戶端它看起來就像我想要的那樣。這裏就是我要去爲：帶Outlook 2013的HTML電子郵件 - 邊界左和td對齊問題

intended email signature

這裏就是我看到在Outlook 2007年，2010年和2013：

email signature in outlook

第二個單元格對齊方式是關閉的，左邊框在桌子上是不可見的。根據我的代碼粘貼在下面，可以找出我做錯了什麼？非常感謝！

<meta name="format-detection" content="telephone=no"> 

<table style="border-collapse:collapse;margin-left:-8px;border-left: 7px solid #9d2235;" width="100%" cellpadding="15px"> 
    <tbody> 
     <tr> 
      <td width="100px" bgcolor="#e5e5e5" style="border: 3px solid #e5e5e5;vertical-align: top;padding-left:15px;padding-right:15px;"> 
       <a href="https://canada.ntm.org"><img src="https://canada.ntm.org/files/email-sig-files/NTMC%20Logo%20red.png" alt="NTMC Canada" width="100" height="46" /></a> 
      </td> 
      <td bgcolor="#e5e5e5" style="border: 3px solid #e5e5e5;text-align:left;color:#333;font-family:'Helvetica Neue','HelveticaNeue',Helvetica,Arial,'Lucida Grande',sans-serif;font-weight: 300;vertical-align: top;font-size:14px;padding-bottom:7px;padding-top:7px"> 
       <strong>Norm Copeland</strong><br> 
       <a style="text-decoration:none;color:#333" href="mailto:[email protected]">[email protected]</a><br> 
       844-855-6862 x213<br> 
       <a style="text-decoration:none;color:#9d2235" href="https://canada.ntm.org">canada.ntm.org</a> 
      </td> 
     </tr> 
    </tbody> 
</table>

來源

2015-10-07 Normc

1. Outlook does not support margin。

2. Use 600px for the width of table。

Fixed link

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
     <style type="text/css"> 
      * 
      { 
       padding:0px; 
       margin:0px; 
       font-family:'Helvetica Neue','HelveticaNeue',Helvetica,Arial,'Lucida Grande',sans-serif; 
      } 

      a 
      { 
       text-decoration:none; 
      } 
     </style> 
     <title>Outlook</title> 
    </head> 

    <body> 
     <table style="margin: 0 auto;" width="600px" height="85px" cellpadding="0px" cellspacing="0px" border="0" align="center"> 
      <tbody> 
       <tr> 
        <td width="7px" bgcolor="#9d2235"></td> 
        <td width="160px" bgcolor="#e5e5e5" style="text-align:center;"> 
         <a href="https://canada.ntm.org"><img src="https://canada.ntm.org/files/email-sig-files/NTMC%20Logo%20red.png" alt="NTMC Canada" width="100" height="46" /></a> 
        </td> 
        <td width="433px" bgcolor="#e5e5e5" style="text-align:left;color:#333;font-weight: 300;font-size:14px;"> 
         <strong>Norm Copeland</strong><br> 
         <a style="text-decoration:none;color:#333" href="mailto:[email protected]">[email protected]</a><br> 
         844-855-6862 x213<br> 
         <a style="text-decoration:none;color:#9d2235" href="https://canada.ntm.org">canada.ntm.org</a> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </body> 
</html>

來源

2015-10-07 02:57:32 Alex

感謝阿里。我使用石蕊進行了測試，Outlook 2013仍然不正確。見截圖：http://cl.ly/image/060g1B2I3H3Q。我還需要將css內聯，因爲我只是想將電子郵件簽名發給我的同事。 – Normc

@Normc我很抱歉回覆遲了，我在outlook（hotmail.com）中檢查了它，[它工作]（http://s22.postimg.org/r70dyacox/Capture.png）。 1-保存html文件。 2 - 在瀏覽器中打開它。 3 - 全選（不在視圖中，我的意思是網頁視圖）並複製。 4-最後，粘貼它的前景。 – Alex

帶Outlook 2013的HTML電子郵件 - 邊界左和td對齊問題

回答

相關問題