2014-12-05 55 views
0

我在這裏有前景的HTML電子郵件噩夢..基本上有一個表,並在頂部和內容底部:爲什麼Outlook從img減少1px?

enter image description here

圖像總是從其減去1px的一個圖像,這是從來沒有100%與表。任何人都知道解決方案

<table cellpadding="0" cellspacing="0" style= 
"margin-left:2px;padding:0px; width:846px; background-color:#000"> 
    <tr> 
     <td> 
      <div style="font-size: 0px;"><img border="0" src= 
      "img/header1.jpg" style= 
      "display:block;align:bottom;border:none;padding:0; width:846px;"></div> 
     </td> 
    </tr> 

    <tr> 
     <td>Blah.. Content</td> 
    </tr> 
</table> 
+0

,因爲它是垃圾! – Pete 2014-12-05 14:23:24

+1

前景是垃圾......它比IE瀏覽器 – MilMike 2014-12-05 14:24:33

+0

設計更多的垃圾中有你嘗試添加寬度的'屬性=「846」'的'img'標籤,一些版本去正確的老學校,忽視了風格的標記,可能還需要在模板頂部添加樣式標籤 - 我發現在編寫電子郵件時,我通常必須做樣式標籤,內聯樣式和舊學校屬性,但超級設計電子郵件的最佳選擇通常只是發送圖像的鏈接頁面的html版本 – Pete 2014-12-05 14:34:15

回答

0

我敢肯定,這是從Outlook與border-collapse問題。試試這個:

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse; padding:0; margin:0px;"> 
    <tr valign="top"> 
     <td align="left" valign="top"> 
      <img src="http://placekitten.com/g/640/300" width="640" height="300" alt="" style="display:block;" border="0" /> 
     </td> 
    </tr> 
</table>