0

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

4

2 回答 2

2

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

于 2012-12-17T15:02:07.030 回答
1

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

于 2014-05-06T20:13:08.200 回答