HTML電子郵件 - 在img標籤Outlook 2007中邊界丟失

我上的HTML電子郵件工作，並在Outlook 2007中，2010有一些css樣式的問題，2013年HTML電子郵件 - 在img標籤Outlook 2007中邊界丟失

我有一個TD手機兩個圖像和1他們我想要一個垂直的邊界分隔線來分開它們。我放在第一（左圖）在邊框右側，並在所有客戶端的工作/由Outlook 2007，2010，2013年的瀏覽器

這裏是我使用的代碼：

<tr> 
    <td bgcolor="#673695" style="color:#ffffff;padding:14px 0 14px 14px;text-align:left;border-collapse: collapse;"> 
     <img src="lowreslogo.png" border="0" width="130" style="border-right:1px solid #a377cd;padding-right:20px;" align="left"> 
     <img src="email_logo.png" border="0" width="150" align="left" style="padding-top:7px;"> 
    </td> 
</tr>

我已經運行這通過litmus.com，並需要一些幫助，這些對剩下的客戶。我不能修改這兩個圖像具有內置的只是作爲一個側面說明邊框...

來源

2013-05-22 estern

Outlook 2007中不支持CSS border上<img>元素 - 看到the report從電子郵件標準項目的Outlook 2007中還有一個更來自同一網站的詳細示例here。

因此，看起來Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007文檔是不正確的，因爲它指出<img>元素does supportborder-right。

我建議用<span>包裝第一個圖像，然後改爲設計樣式。對不起，我無法測試，因爲我沒有Outlook。

來源

2013-05-22 13:54:13 andyb

耶我以前看到的這一建議，並在我結束沒有工作...這意味着跨度建議 – estern

你嘗試在包裹'的'？ – andyb

是的，我試過這種確切的技術，它不適用於那些選擇Outlook版本... – estern

您還在同一圖像中的html中聲明border = 0。在這種情況下，不確定是否覆蓋了你的css聲明。

您可以嘗試將其設置爲1（或完全刪除它）。如果將其設置爲1，則必須將其他3個邊框的顏色設置爲與背景相匹配，以使其無法看到。

來源

2013-05-22 18:06:49 John

我想你可以把這兩張圖像包裝在下面的表格中。一些額外的代碼，但會解決渲染問題。

<tr> 
    <td bgcolor="#673695" style="color:#ffffff;padding:14px 0 14px 14px;text-align:left;border-collapse: collapse;"> 
     <table border="0" cellpadding="0" cellspacing="0" width="300" style="color:#ffffff"> 
      <tr> 
       <td width="130"><img src="lowreslogo.png" border="0" width="130" alt="" style="display: block;" /></td> 
       <td width="19"></td> 
       <td width="1" bgcolor="#a377cd"><td> 
       <td width="150" style="padding-top:7px;"><img src="email_logo.png" border="0" width="150" alt="" style="display: block;" /></td> 
      </tr> 
     </table> 
    </td> 
</tr>

來源

2013-05-29 15:43:16 hmhcreative

HTML電子郵件 - 在img標籤Outlook 2007中邊界丟失

回答

相關問題