2011-01-27 12 views
4

私はHTML電子メールを送信するプロジェクトに参加しています。私は平文の電子メールを送る何十ものプロジェクトをやったが、何らかの未知の理由のために、私はHTML電子メールを行う必要がなかった。CSSからHTMLへの電子メールコンバータ

私はテーブルで "育った"。私はそれらをレイアウト開発に使用しました。それから、CSSは「レイヤー」に沿って来てくれました。私はかなり早くその方法を変えました。 2002年までに、私はレイアウト用のテーブルを全く使用していませんでした。

私たちは10年近く経ちました。私は一貫してかなり良いコードを書いてきました。私は今、かなり恐ろしいものに直面しています:目的に悪いコードを書く。私の心や指がそれを許すかどうかはわかりません。

悪いコードを書くことから始めるのではなく、私は他のデザインビルドアウトと同じように私のメールを書くことができますか:美しいdivとCSSを使い、悪意のあるものをすべて使い果たしてしまいますか?私は、これが背景画像に問題を引き起こす可能性があることを認識していますが(その中にはカップルがあるかもしれませんが)、それらを「修正」するのに十分な人材を確保できると確信しています。

私は、動的電子メールが生成され、ニュースレター送信者が追加されることを追加する必要があります。理想的には、これはプロセスの最後にプラグインできるものでなければなりません。電子メールは「標準モード」で生成され、Mordorを介して飛行機の90年代のHTMLとして出て行きます。

+0

私は理解していない。まさにあなたのHTML電子メールにCSSを含めることができないのですか? –

+0

@Charlesそれは普遍的にサポートされることができますが、すべてがインラインスタイルでなければなりません。 GmailとHotmailは楽しいスタイルブロックになるだろう。 – Oli

+0

@Oliあなたは、トレードの秘訣を学ぶときに、手でHTML電子メールをやっているツールはありません。それはあまりにも難しくありません:) – Undefined

答えて

3

cssとdivベースのHTMLページを電子メールで動作する作業テーブルに自動的に切り替える方法はありません。

あなたはおそらく、通常のCSSスタイルのタグがgmailやhotmailのようなウェブメールでは機能していないことを既に知っています。

ほとんどの電子メールクライアントは埋め込みCSSをサポートしていますが、通常のページでは何もしたくないのですが、電子メールではフォントタグの使用を避ける唯一の方法です。

ここ

は、CSSのいくつかのページで、どのようなクライアントそれが http://www.campaignmonitor.com/css/

に動作しますが、レイアウトのために、テーブルを使用すると、複数の列を好きか、特に場合は、任意のより複雑なレイアウトのために行くための唯一の安定した方法であります10年後に電子メールをコーディングした後のアドバイスはできるだけシンプルにして、いくつかのイメージ、ヘッダーとフッター、そしてほとんどの場合は常に動作するタイプライタースタイルの手紙を考えるようにしています。

+0

メールプログラム間の互換性のあるタグをリンクしてください。ありがとう! –

1

正しい方向にステップする可能性があるPremailerというツールがあります。

divやfloatは使用できませんが、少なくともスタイルをインラインで書く必要はありません。 <style>タグであなたのスタイルを書くだけで、インラインであなたのためにあなたのスタイルを作成します。

https://github.com/alexdunae/premailer

1

を試し、その後.. RBで書かれては、PHP ..ですし、そのすごい... :)

関連する問題