Форматирование Outlook отличается между новым редактором электронной почты и полученным элементом

395
Lews Therin

Я создал стиль, чтобы упростить форматирование фрагментов кода в электронных письмах. Когда я применяю стиль, это выглядит так в новом окне электронной почты:

before

Однако, когда электронное письмо получено, оно добавляет некоторые странные отступы между границей и штриховкой:

after

Есть ли способ исправить это из Outlook?

Изменить: добавление HTML-источника сообщения электронной почты в соответствии с запросом в комментариях:

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <meta name=Generator content="Microsoft Word 15 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face  @font-face  /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal  a:link, span.MsoHyperlink  a:visited, span.MsoHyperlinkFollowed  p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph  p.Code, li.Code, div.Code  span.CodeChar  span.EmailStyle20  .MsoChpDefault  @page WordSection1  div.WordSection1  --> </style> </head> <body lang=EN-US link="#0563C1" vlink="#954F72"> <div class=WordSection1> <p class=MsoNormal>Good morning,<o:p/> </p> <p class=MsoNormal> <o:p>&nbsp;</o:p> </p> <p class=MsoNormal>Test text.<o:p/> </p> <div style='mso-element:para-border-div;border:solid #AEAAAA 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt;background:#EFF0F1;margin-left:.2in;margin-right:0in'> <p class=Code style='margin-left:0in;background:#EFF0F1'>var test = new Test();<o:p/> </p> </div> <p class=MsoNormal>More text.<o:p/> </p> </div> </body> </html>
0
Вам также понадобится предоставить HTML для вашего стиля, если вы хотите, чтобы мы могли это выяснить. LPChip 5 лет назад 0
@LPChip Я отредактировал свой комментарий, включив в него источник HTML для письма. Lews Therin 5 лет назад 0

1 ответ на вопрос

1
LPChip

В приведенном ниже коде используется «там, где он должен использоваться». Outlook понимает «, но он не соответствует HTML.

 <div style='mso-element:para-border-div;border:solid #AEAAAA 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt;background:#EFF0F1;margin-left:.2in;margin-right:0in'> <p class=Code style='margin-left:0in;background:#EFF0F1'>var test = new Test();<o:p/> </p> </div>

Изменяя это <div style=" .... "и <p class=Code style=" ... "должен решить это.

Это интересно, потому что я сделал стиль в пользовательском интерфейсе outlook. Как я могу получить HTML для самого стиля? Я только что опубликовал источник письма после того, как отправил его ... Lews Therin 5 лет назад 0

Похожие вопросы