Outlook添加1像素到單元格圖像的權利

我使用outlook 2013，我想創建電子郵件簽名。Outlook添加1像素到單元格圖像的權利

當我完成編碼後，我發現一個1px的間隙出現在表格單元格內的圖像的右側。

我給了該單元格背景顏色，以查看圖像或單元格本身的問題。

我不知道它是填充還是其右邊的透明邊框。

我在這裏和其他網站搜索了很多兩天，沒有任何修復。

我創建另一個模板來證明這一點差距，這裏是我的代碼：

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
\t <head> 
 
\t \t <meta charset="utf-8"> 
 
\t \t <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
     <style type="text/css"> 
 
     \t table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
 
     </style> 
 
\t </head> 
 
\t <body> 
 
\t \t <table width="234" border="0" cellspacing="0" cellpadding="0"> 
 
\t \t \t <tr> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t \t <td width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
 
\t \t \t \t \t <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
 
\t \t \t \t </td> 
 
\t \t \t </tr> 
 
\t \t </table> 
 
\t </body> 
 
</html>

這裏是截圖到細胞間隙：

我知道編碼Outlook是一件令人頭疼的事情，但如果你向他解釋，我將非常感謝你的幫助我爲什麼會出現這種差距，我該如何解決這個問題。

來源

2017-01-19 Amr Ayman

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <style type="text/css"> 
      table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } 
     </style> 
    </head> 
    <body> 
     <table width="234" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
       <td align="left" width="117" height="33" style="border-collapse:collapse;padding:0;margin:0;border:none;"> 
        <img src="http://amraymancom.ipage.com/signtures/mazaya/images/mazaya-logo.png" border="0" width="117" height="33" border="0" style="display:block;border:none;"/> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html>

我想試試這個。這並沒有消除差距，但我在td中加入了align="left"，所以差距會在右邊，而不在中間。另外我會建議將兩個圖像保存爲一個。這樣可以確保它始終正確顯示，並且加載時間更快，因爲它節省了內存空間。

此外，由於圖像是在白色背景上，可能將它們添加爲JPG格式。對於電子郵件簽名來說，儘可能節省空間非常重要，因爲您有時會向手機郵寄郵件，而且您會在每次交談中再次向您發送簽名。

來源

2017-01-19 08:39:00 Niqql

Hi Niklas，感謝您的回覆。我想創建電子郵件簽名，並發現1px作爲徽標和水平線之間的差距。簽名https://s30.postimg.org/51sitipzl/Gap.jpg 所以我想消除這個差距。 –

是的，你嘗試過align =「left」嗎？ – Niqql

是的兩個單元格 –

Outlook添加1像素到單元格圖像的權利

回答

相關問題