38

長方形のボックスがあるこのレイアウトが必要です。左側のボックス内にはテキストがあり、右側には画像があります。これはブラウザでは問題ないように見えますが、HTML メールとして送信すると、Outlook ではフロート権が機能しないようです。テキストの下の次の行に画像を配置します。これを機能させる方法についてのアイデアはありますか？(私はテーブルの使用を避けようとしています。)

<div style="width: 100%;border-style:solid;overflow: hidden;">

    <span style="float: left;">  
         <h3> Your appointment Details</h3>
    </span> 
    <span style="float: right;">
        <img src="someImage"/>
    </span>

</div>
4

7 に答える 7

23

会話が非常に遅くなりましたが、align=""代わりに HTML メールで "フローティング" する方法を次に示します。

例はこちら

また、HTML メールに関するリソースを探している場合 (正解とマークした回答は非常に一般的なものだと思います)、ここにリソースの膨大なリストがあります。

于 2014-02-17T04:02:06.930 に答える
12

これは、Mail Chimp による HTML メールのコーディングに関する非常に優れたガイドです。

http://kb.mailchimp.com/article/how-to-code-html-emails

基本的なヒント:

  • レイアウトにはテーブルを使用します。
  • 最も幅の広いテーブルを最大 600px 幅に設定します。
  • JavaScript や Flash を使用しないでください
  • 一部のメール クライアントは CSS を破棄するため、スタイル タグで CSS を使用しないでください。
  • インライン CSS スタイルのみを使用します。

基本的に、2003 年ごろのようにメールをコーディングします。

于 2013-03-12T17:23:18.480 に答える
6

CampaignMonitor は、複数の電子メール クライアントでのすべての CSS サポートに関するこのかなり優れたガイドを提供します。これは、 pdfまたはxlsのダウンロードとしても入手できます。

上記の回答が示すように、CSS の電子メール サポートは非​​常に限られています。これは主にMicrosoft が Word を HTML レンダリング エンジンとして使用することを決定したためです。

于 2013-11-27T08:43:08.293 に答える
3

Outlook.com で フロートを適用する方法を見つけました。Float:leftのようにタグを大文字
にするだけです。

<span style="Float:left;">Content to float</span>

たぶん、 !importantも使用する必要があります。
私はそれをテストしましたが、うまくいきました。

于 2016-02-18T01:32:35.327 に答える