Lotus Notes 8.5帶有圖像的HTML簽名，圖像水平不對齊

對於帶有圖像的Lotus Notes電子郵件HTML簽名，我遇到以下問題。 HTML簽名的代碼是這樣的：Lotus Notes 8.5帶有圖像的HTML簽名，圖像水平不對齊

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <title>signature</title> 
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> 
</head> 
<body> 

<!--CSS can skip--> 
<style type="text/css"> 
    #url { 
    color:rgb(0, 136, 204) !important; 
    text-decoration:none !important; 
    } 
    #outer { 
    font-family: 'Lucida Sans', Lucida Grande, Verdana, Arial, Sans-Serif; 
    font-size:11px; 
    color:#555555; 
    } 
    #padding { 
    padding-top:10px; 
    } 
    #div.img { 
    width:288px; 
    height:40px; 
    padding-left:10px; 
    } 
    #left { 
    float:left; 
    } 
    #right { 
    width:100%; 
    } 
</style> 

<!--Signature itself--> 
<div id="outer"> 
<div id="header"> 
    [Name FamilyName] | [Title] 
</div> 
<div id="padding"></div> 
<div id="left"> 
    Line1<br> 
    Line2<br> 
    Line3<br> 
</div> 
<div id="right"> 
    <img src="file:///LocalPathToImage.png" style="padding-left:10px"> 
</div> 
</div> 
</body> 
</html>

想法是在圖像與右側對齊並且文本位於左側的情況下進行簽名。雖然在Lotus Notes 8.5中（文件 - >首選項 - >郵件 - >簽名 - > HTML），在瀏覽器中對齊是正確的，但圖像始終位於底部。

如何確保在HTML簽名中保留了對齊（float）屬性？

來源

2012-12-17 aza07

您的CSS規則似乎在Chrome中運行正常（我在JSFiddle上進行了檢查），但是在遵守CSS規則時，Lotus Notes中的HTML引擎可能很遙遠。我建議重寫這個來代替使用表，你可能會獲得更多的成功。

來源

2012-12-17 15:02:07

謝謝，用表格重寫，並保持對齊！ – aza07

問題1已解答。請看看問題2. – aza07

回答：問題2 - 除非在互聯網上託管的這個圖像是不可能的。我沒有測試過這個，但是你是否嘗試過使用數據uris來嵌入圖像？我認爲outlook使用這個技巧：https：//en.wikipedia.org/wiki/Data_URI_scheme#HTML – booyaa

您應該使用內嵌css，因爲並非所有的電子郵件客戶端都會在頂部讀取樣式表。

來源

2014-05-06 20:13:08

Lotus Notes 8.5帶有圖像的HTML簽名，圖像水平不對齊

回答

相關問題