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签名，图像水平不对齐

回答

相关问题