BinaryDevelop
  1. ホーム
  2. html

[解決済み] mailchimpのメールインラインスタイルのコーディングがいつも通りできない

2022-02-08 03:45:52

質問

だから、私は今、会社のために送りたいメールにかなり簡単なコーディングを実行している私たちのロゴ、私たちが新しいエージェントである新会社の写真と私はまだ会社のために任意のBlurbを持っていないですが、それはまだ来るでしょう。

そのため、ロゴは白、本文の残りの部分は濃い灰色になっているメーラーに小さな背景の変化を追加したいのですが、本文にdivを作成するとすぐに私の画像とテキストが表示される場所が壊れてしまいます。

CODE 

<html> 
  <header> 
    <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;"/> 
    <style>
      body {Color: ; background-color:white} div {background-color:#545454;padding-top:20px;padding-bottom:0.2px} 
    </style>
  </header>
  <body>
    <br>
    <h2 Style="Text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2><h1 Style="text-align:center">LUK Agent <br><br> 
    <div> 
      <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;"/> <p Style="Text-align:Center;Border:5% solid #364C94;Align:Center;padding:5px;width:68.5%;margin-left:15%">Small Blurp of LUK</p>
    </div>

w3schoolsで実行すると、完全に動作します。 このコードをMailchimpに追加できる人は、コードと構造を壊して私が何を言いたいか分かると思います。

解決方法は？

以下にガイドラインを示します。

  • 自己閉鎖型でないタグはすべて閉じる（imgタグは自己閉鎖型だが、body、html、h1はそうでない）。
  • ヘッダーにimgタグを入れない。そこに置くことはできません。ボディに移動してください。
  • Color: ;' のような空の CSS コマンドを使用しないでください。
  • Align' のような独自の CSS コマンドを作らないでください。
  • CSSコマンドや属性は小さな文字で書く（これが必須かどうかはわからないが、大文字で書くのは非常に珍しい）。
  • HTMLの構造を）明確にするためにインデントを使用する。

そうすると、次のようなコードになります。 

<html> 
  <header> 
    <style>
      body {color: black;background-color:white;} 
      div {background-color:#545454;padding-top:20px;padding-bottom:0.2px;} 
    </style>
  </header>
  <body>
    <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;" />
    <br>
    <h2 style="text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2>
    <h1 style="text-align:center">LUK Agent</h1>
    <br>
    <br> 
    <div> 
      <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;" /> 
      <p style="text-align:center;border:5% solid #364C94;padding:5px;width:68.5%;margin-left:15%;">
        Small Blurp of LUK
      </p>
    </div>
  </body>
</html>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します