Formatação do Outlook diferente entre o novo editor de email e o item recebido


0

Eu criei um estilo para facilitar a formatação de snippets de código em e-mails. Quando eu aplico o estilo, parece com isso na nova janela de email:

before

No entanto, quando o email é recebido, ele adiciona um espaço estranho em branco entre a borda e o sombreamento:

after

Existe alguma maneira de corrigir isso no Outlook?

Editar: Adicionando a fonte HTML do email conforme solicitado nos comentários:

<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-family:Calibri;
                panose-1:2 15 5 2 2 2 4 3 2 4;}
            @font-face
                {font-family:Consolas;
                panose-1:2 11 6 9 2 2 4 3 2 4;}
            /* Style Definitions */
            p.MsoNormal, li.MsoNormal, div.MsoNormal
                {margin:0in;
                margin-bottom:.0001pt;
                font-size:11.0pt;
                font-family:"Calibri",sans-serif;}
            a:link, span.MsoHyperlink
                {mso-style-priority:99;
                color:#0563C1;
                text-decoration:underline;}
            a:visited, span.MsoHyperlinkFollowed
                {mso-style-priority:99;
                color:#954F72;
                text-decoration:underline;}
            p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
                {mso-style-priority:34;
                margin-top:0in;
                margin-right:0in;
                margin-bottom:0in;
                margin-left:.5in;
                margin-bottom:.0001pt;
                font-size:11.0pt;
                font-family:"Calibri",sans-serif;}
            p.Code, li.Code, div.Code
                {mso-style-name:Code;
                mso-style-link:"Code Char";
                margin-top:12.0pt;
                margin-right:0in;
                margin-bottom:12.0pt;
                margin-left:.2in;
                background:#EFF0F1;
                border:none;
                padding:0in;
                font-size:10.0pt;
                font-family:Consolas;
                color:#242729;}
            span.CodeChar
                {mso-style-name:"Code Char";
                mso-style-link:Code;
                font-family:Consolas;
                color:#242729;
                background:#EFF0F1;}
            span.EmailStyle20
                {mso-style-type:personal-compose;
                font-family:"Calibri",sans-serif;
                color:windowtext;}
            .MsoChpDefault
                {mso-style-type:export-only;
                font-size:10.0pt;
                font-family:"Calibri",sans-serif;}
            @page WordSection1
                {size:8.5in 11.0in;
                margin:1.0in 1.0in 1.0in 1.0in;}
            div.WordSection1
                {page: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>

Você precisará fornecer o html para o seu estilo também se você quiser que possamos descobrir.
LPChip

@LPChip Eu editei meu comentário para incluir a fonte HTML do email.
Lews Therin

Respostas:


1

Seu código abaixo usa 'where it should use' .O Outlook entende o 'mas não é complemento de 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>

Mudando isso para <div style=" .... " e <p class=Code style=" ... " deve resolvê-lo.


Isso é interessante porque eu fiz o estilo na interface do usuário do outlook. Como posso chegar ao HTML para o estilo em si? Acabei de postar a fonte do email depois que eu enviei ...
Lews Therin
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.