タグ付けされた質問 「html-email」


1
このHTMLで3Dは何をしていますか?
そのコードを見て、私のGmailに入ったメーラーを複製しようとしています。複数のソースビューアでこれが多く見られます。 <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" width=3D"90">=A0</td> <td style=3D"border-bottom: 1px dotted rgb(153,157, 147); border-top: 1px solid rgb(28, 140, 78);" align=3D"right" width=3D"110"> 3Dは私が知らないメールレンダリングのようなものですか?
229 html  css  html-email 

7
HTMLメールのスタイルに関するベストプラクティス[終了]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 6年前休業。 この質問を改善する メールニュースレターのHTMLテンプレートをデザインしています。多くのメールクライアントはリンクされたスタイルシートを無視し、他の多く(Gmailを含む)はCSSブロック宣言を完全に無視することを学びました。インラインスタイル属性は私の唯一の選択肢ですか?HTMLメールのスタイルを設定するためのベストプラクティスは何ですか?
195 html  css  html-email 

12
電子メールのHTMLコードを作成するためにCSSスタイルを自動的にインライン化するためのツールは何ですか?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 7年前休業。 この質問を改善する http://www.campaignmonitor.com/css/を見ると、HTMLにインラインスタイルを埋め込んで、メールをメールクライアントで読む必要があることがわかります。 が宣言されたHTMLファイルをインラインCCSスタイル属性のみのHTMLファイルに自動的に変換するツールやスクリプトを知っていますか? 編集:Javascriptソリューション(例:http : //www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/)?jQueryで?
122 html  css  email  inline  html-email 

5
HTMLメールで機能するCSSの最大幅に相当するものはありますか?
広く使用されているすべての電子メールクライアントで適切に表示されるHTML電子メールを作成しようとしています。メール全体を表で囲みます。幅は使用可能な幅の最大98%ですが、800ピクセル以下にする必要があります。このような: <table style="width:98%; max-width:800px;"> しかし、この Outlook 2007によると、CSSのwidthプロパティはサポートされていないため、そのようにはしていません。 代わりに、私はこれをやっています: <table width="98%"> CSSに依存せずに最大幅を設定する方法はありますか?
114 html  email  html-email  css 

6
HTMLメールを作成するとき、html、head、bodyタグを使用する必要がありますか?
私の電子メールビューでは、通常、次のようにします... <dl> <dt>Name</dt> <dd>Value</dd> </dl> このようにすべきですか? <html> <head></head> <body> <dl> <dt>Name</dt> <dd>Value</dd> </dl> </body> </html> 言い換えれば、スタンドアロンのドキュメントをマークアップしていたようですか? Webベースの電子メールクライアントがそれを取り除くと安全に想定できると思いますか? 正しい方法は何ですか?
113 html  email  html-email 

4
主要な電子メールクライアントソフトウェアでのデータURIサポートとはどのようなものですか?
データURIは、画像やその他のバイナリデータをHTMLに埋め込むための標準的な方法であり、ブラウザのサポートはWeb上で十分に文書化されています。(IE8は、データURIをサポートするIEの最初のバージョンであり、URIあたり最大32 KBのサイズです。他の主要なブラウザーは、それをさらに長くサポートしています。) 私の質問は、デスクトップメールとウェブメールクライアントソフトウェアについてです。 HTML形式の電子メールを作成する場合、標準的な方法では、画像を添付ファイルとして含めるか、外部に読み込みます(つまり、画像の追跡)。これらの両方に欠点があります(一部のクライアントはこれらの添付ファイルをすべてリストしますが、多くは正しく外部画像を表示するためにユーザーのアクションをブロックまたはユーザーに要求します)。したがって、データURIは良い方法のように見えますが、それが電子メールリーダーでサポートされている場合に限られます。 では、この機能のサポートに関する最近の調査へのリンクはありますか?それともこれを調査しましたか?たとえば、CSSサポートの概要は次のとおりです。興味のあるクライアントソフトウェアは次のとおりです。 デスクトップ(バージョン情報を含む):Outlook、Apple Mail、Thunderbird、Evolution、Lotus Notes、AOL、Eudora ウェブメール: Gmail、Live / Hotmail、Yahoo!メール、AOL モバイル: Android、iPhone

7
GmailのHTMLメールのスタイル
内部スタイルシートを使用するHTMLメールを生成しています。 <!doctype html> <html> <head> <style type="text/css"> h2.foo {color: red} </style> </head> <body> <h2 class="foo">Email content here</foo> </body> </html> Gmailで表示すると、内部スタイルシートのすべてのスタイルが無視されているようです。Gmailはインラインルール以外のすべてのスタイルを無視しているようです。 <h2 style="color: red">Email content here</foo> これは、Gmailで表示したときにHTMLメールをスタイルするための唯一のオプションですか?
99 html  css  gmail  html-email 

7
HTMLメールコンテンツをブラウザウィンドウ(またはメールクライアントプレビューペイン)の中央に配置するための最良の方法は何ですか?
私は通常margin:0 auto、標準のブラウザベースのコンテンツに960コンテナとともにCSSルールを使用しますが、HTMLメールの作成は初めてで、標準のCSSを使用せずにブラウザウィンドウの中央に配置したい次のデザインがあります。 http://static.helpcurenow.org/mockups/emails/2010/may-survey/survey.html メールテーブルのデザインを外側のテーブルセットにラップし、tbodyまたはこのようなものにwidth:100%インラインスタイルを使用text-align:centerしてそれを行うことによっても達成できることをどこかで見たことを覚えているようです。 これに関するベストプラクティスはありますか?

9
Twitter Bootstrapで動作するHTMLメールを受け取った人はいますか?
私はpremailer-rails3HTMLメールのスタイルをインラインでプルするgemを使用しており、Twitterブートストラップで動作するようにしています。 https://github.com/fphilipe/premailer-rails3 一部のスタイルは正しく組み込まれているようですが、すべてのスタイルが組み込まれているわけではありません。私は誰かが彼らのTwitter Bootstrap css(変更されているかどうかにかかわらず)をhtml電子メールに送信する素晴らしい実例があるかどうか疑問に思っています。 ありがとう!

2
HTMLメールでbase64画像を送信する
リッチテキストエディターを使用すると、ユーザーは保存した画像をデスクトップからエディターにドラッグアンドドロップできます。送信後、画像が表示され、Webページに正しく表示されます。 画像はどこにもアップロードされないため、エディターは画像をbase64でエンコードされた画像として保存します。 <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA4QAAAFKCAIAAADKUQaBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAP+lSURBVHhepP1p32zb 等 しかし、それは表示されません-iPhoneにも、2つの異なるバージョンのOutlookにも表示されません。画像は単に壊れています。base64はすでにWebページで機能しており、ユーザーがオフラインの場合に画像を表示できるため、base64を使い続けたいと考えています。

3
HTMLメールを作成する際のベストプラクティスと考慮事項[終了]
クローズ。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 12か月前に閉鎖されました。 この質問を改善する 私は10年以上ウェブサイトを開発してきましたが、ウェブ用に開発する私の習慣の多くは、電子メールクライアント用に開発するときには役に立たないことがすぐにわかりました。これは私に非常に多くの欲求不満を引き起こしたので、私は質問をするだろうと思いました: 時々GmailやOutlookなどのデザインをしている私のような他の人にとってのベストプラクティスと必要な考慮事項は何ですか? 例: <style>...</style> vsインラインCSS。 つまり、Webの世界から電子メールの世界に何が移行し、何が移行しないのでしょうか。
83 html  css  html-email 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.