HTML Email Postitioning

Question

私はHTML形式の電子メールを作成しましたが、ブラウザのすばらしさに見えますが、電子メールで送信するとテーブルがシフトして画像が消えます。私は動的に中括弧にデータを追加するためにC＃を使用しています。 CSSでは、C＃でデータを追加するためにエスケープ文字として二重の括弧が使用されています。すべての画像は絶対URLを使用して画像をリンクしています。私はそれを送信する場合しかし、それはそのようには見えません http://www.calvaryccm.com/images/Email/ccmEmailDevo.html

：

これは、見えるようになっているものです。それは次のようになります。

がどのように私はテーブルのシフトと不足している画像の問題を解決するのですか？

Answer 1

他の人からも言われているように、大部分の電子メールクライアントでは、すべてのスタイルをインラインにする必要があります。 Premailerは、このための優れたサービスです。これを実行して、それをもう一度行ってください。

おそらく他にも、すべて<td>の幅にすべての画像をdisplay:blockに設定する必要があります。

Answer 2

電子メールクライアントは一般に背景イメージをサポートしていません。また、すべてのスタイルはインラインでなければなりません。

参照：campaignmonitor.com/css/は、どのようなスタイリングが使用できるかどうかを示しています。

Answer 3

残念ながら、ほぼすべての電子メールクライアント、Webまたはデスクトップで動作するには、CSSのインラインスタイルを使用する必要があります。 <style>タグのすべてのCSSルールを取り、スタイリングする各要素の属性にすべてstyle=属性を入れてください。