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

Question

我对带图像的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签名中保留对齐（浮动）属性？

Answer 1

您的CSS规则似乎可以在Chrome上正常工作（我在JSFiddle上进行了检查），但是当要遵循CSS规则时，Lotus Notes中的HTML引擎可能就相去甚远。 我建议将其重写为使用表，您可能会获得更大的成功。

Answer 2

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

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

问题描述

2 个解决方案

解决方案1
2 已采纳 2012-12-17 15:02:07

解决方案2
1 2014-05-06 20:13:08

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

问题描述

2 个解决方案

解决方案1 2 已采纳 2012-12-17 15:02:07

解决方案2 1 2014-05-06 20:13:08

解决方案1
2 已采纳 2012-12-17 15:02:07

解决方案2
1 2014-05-06 20:13:08