Кодирование почтовых встроенных стилей электронной почты не работает как обычно - PullRequest
Новая
       9

Кодирование почтовых встроенных стилей электронной почты не работает как обычно

0 голосов
/ 02 октября 2018

так что сейчас у меня довольно легкое кодирование, и мы отправляем письмо по электронной почте, которое мы хотим отослать компании, состоящее из нашего логотипа, изображения новой компании, в которой мы являемся новым агентом, и у меня еще нет 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, увидит, что я имею в виду, он нарушает код и структуру

1 Ответ

0 голосов
/ 02 октября 2018

Вот несколько рекомендаций:

  • Закройте все теги, которые не являются самозакрывающимися (теги img являются самозакрывающимися, но body, html и h1 - нет).
  • Не помещайте тег img в заголовок.Это не разрешено там.Переместите его в тело.
  • Не используйте пустые команды CSS, такие как 'Color:;'.
  • Не создавайте свои собственные команды CSS, такие как 'Align';
  • Пишите команды 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>
...