新しいメールエディターと受信したアイテムで異なるOutlookの書式設定


0

メールのコードスニペットを簡単にフォーマットできるようにするスタイルを作成しました。スタイルを適用すると、新しい電子メールウィンドウで次のようになります。

前

ただし、電子メールを受信すると、境界線と網かけの間に奇妙な空白スペースが追加されます。

後

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-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>

あなたが私たちにそれを理解させることを望むならば、あなたもあなたのスタイルのためにhtmlを供給する必要があります。
-LPChip

@LPChipコメントを編集して、電子メールのHTMLソースを含めました。
リューズ・テリン

回答:


1

以下のコードは「使用すべき場所」を使用しています。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のUIでスタイルを作成したため、これは興味深いものです。スタイル自体のHTMLにアクセスするにはどうすればよいですか?私はそれを送った後、私はちょうど...電子メールの送信元を計上
Lews Therin
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.