Outlook電子メールの署名 - ヘッダー?

私は運のない電子メール署名のために特別な設計をしようとしてきましたが、それは不可能だと感じましたが、おそらく誰かが解決策を持っています。

問題は、最初に入力する画像の上にする必要がある小さな画像があることです。すなわち、 [画像] [ここに入力] [署名の詳細 - 電話番号。]

私が正常にすると、Outlook Expressは常に画像の前に改行を挿入してそこにカーソルを置きますが、そこをクリックせずに画像の後ろにカーソルを置くことはできません。

私はイメージをdiv/span/tableの背景イメージにしようとしましたが、CSSを使用して余白を負の数に設定しようとしましたが、Outlookは後で署名を挿入するという事実に由来しているようです入力のために作成するdiv。

誰かが提案を持っているのですか、私の仕事は無益ですか?

1

3 答え

どのバージョンのOutlookですか?

これを画像に追加してみてください:

style="display:block;"

P.S - Outlookの一部のバージョンでは背景が動作しません。何らかの条件文を実行しない限り、電子メールがMicrosoft Word(MSOレンダリングエンジン)でレンダリングされる方法をテストする必要があります。

http://www.campaignmonitor.com/css/

1
追加された
Outlook 2003以降。提案をありがとう、残念ながら私はすでにそれを試みました。問題は、カーソルがイメージの前に置かれていることです。私はOutlookのバージョンに関する背景イメージの問題を認識していますが、ほとんどの場合、それを動作させる方法を見つけることができるかどうかをテストするためのものでした。
追加された 著者 hyarion,
これはあなたに例を与えるべきです - あなたはheader.jpgのためにどんなイメージでも使うことができます: Jason
追加された 著者 hyarion,
これを再現するためのコードを提供する方法はありますか?
追加された 著者 Kyle R,

画像の高さと同じ background-image padding-top body に設定する必要があります。

私はあなたが言及した "カーソルの問題"を修正する前に似たようなことをしました。どのバージョンのOutlookを使用していたのか覚えていないが、誰も問題を報告したことはない。

Kyle Rが言及したように、電子メールがさまざまなクライアントでどのようにレンダリングされるかを確実にテストする必要があります。

0
追加された
とても近い!私はあなたの方法を使ってOutlook 2003のために働かせることができますが、残念ながらそれは2007/2010ではありません。
追加された 著者 hyarion,
テストに関しては、 litmusapp.com をお勧めします。これは素晴らしいツールです。試用期間が終了した後にはお金がかかりますが14日間無料トライアルがあり、いつでもキャンセルできます。
追加された 著者 Kyle R,

電子メールはマルチパートメッセージです。これは、ボディが複数のエンコーディングを持つことができることを意味します。各エンコーディングには独自のヘッダーが付いています。

MIME-Version: 1.0
Content-Type: multipart/mixed; boundary=frontier

This is a message with multiple parts in MIME format.
--frontier
Content-Type: text/plain

This is the body of the message.
--frontier
Content-Type: application/octet-stream
Content-Transfer-Encoding: base64

PGh0bWw+CiAgPGhlYWQ+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPHA+VGhpcyBpcyB0aGUg
Ym9keSBvZiB0aGUgbWVzc2FnZS48L3A+CiAgPC9ib2R5Pgo8L2h0bWw+Cg==
--frontier--

(example from here)

ほとんどのクライアントでは、デフォルトのエンコーディングは Content-Type:text/plain です。しかし、イメージを追加すると、エンコーディングが例えばに切り替わります。 base64

新しいそれぞれのエンコーディングは新しい行から始まります。私はこれが自動的にあなたのテキスト/カーソルを画像の下に置くので、これはあなたに問題を引き起こしていると仮定します。 これを回避する方法の1つは、 img タグをインラインで使用して、画像全体とテキストを html としてメッセージ全体をエンコードすることです。

イメージの横にあるをクリックすると、これは無意識に実行できます。

0
追加された