带有图像的 Lotus Notes 8.5 HTML 签名，图像未水平对齐答案

【问题标题】：Lotus Notes 8.5 HTML signature with image, image not aligned horizontally带有图像的 Lotus Notes 8.5 HTML 签名，图像未水平对齐
【发布时间】：2012-12-17 12:39:47
【问题描述】：

我在使用带有图像的 Lotus Notes 电子邮件 HTML 签名时遇到以下问题。 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 签名中保留对齐（浮动）属性？

【问题讨论】：

标签： html image lotus-notes signature alignment

【解决方案1】：

您的 CSS 规则似乎在 Chrome 中运行良好（我在 JSFiddle 上查看过），但是 Lotus Notes 中的 HTML 引擎在遵守 CSS 规则方面可能还很遥远。我建议将其重写为使用表格，您可能会获得更大的成功。

【讨论】：

谢谢，用表格重写了，对齐保留了！
问题 1 已回答。请看问题2。
回复：问题 2 - 除非该图像托管在 Internet 上，否则这是不可能的。我没有对此进行测试，但是您是否尝试过使用数据 uris 嵌入图像？我认为 Outlook 使用了这个技巧：en.wikipedia.org/wiki/Data_URI_scheme#HTML
现在尝试嵌入图像的 URI，但现在即使在我这边，我也看不到 HTML 签名中的图像，尽管在浏览器中显示图像。我也试过在互联网上托管的图像，它也没有显示在我身边。
我可以看到图像是 HTML 签名的一部分并且可以正确显示（收到此类电子邮件），我只是不知道我应该进行哪些设置。

【解决方案2】：

您应该使用内联 css，因为并非所有电子邮件客户端都会在顶部读取您的样式表。

【讨论】：