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 で確認しました)。代わりにテーブルを使用するようにこれを書き直すことをお勧めします。おそらくもっと成功するでしょう。

于 2012-12-17T15:02:07.030 に答える
1

すべての電子メール クライアントがスタイル シートの上部を読み取るわけではないため、インライン CSS を使用する必要があります。

于 2014-05-06T20:13:08.200 に答える