2

Outlook 2013 でのみ HTML メールに問題があります。2007 および 2010 を含む以前のバージョンでは問題なく表示されます。

style="display:block; を追加しました。私のテーブルと td の背景色は黒です。td と img に幅と高さを指定し、含まれている td の前の投稿で提案されているように、行の高さのスタイルを指定してみました。 .

コードは次のとおりです。

<table width="200" cellpadding="0" cellspacing="0" align="right" bgcolor="#000000"><tr><td width="156" height="158" style="background-color:#000000; line-height:13px;"><img src="http://identifix.skmgroupwork.com/email/iden074/images/JerryGTruglia.jpg" width="156" height="158" align="right" alt="Jerry G Truglia" style="padding: 0px 20px 0px 0px; width: 156px; height: 158px;display:block;"></td></tr></table>

含まれるコード:

<table width="510" align="center" cellpadding="0" cellspacing="0" style="" bgcolor="#000000">
            <tbody>
                <tr>
                    <td colspan="2" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; line-height: 20px; padding: 0px 30px 0px 40px; ">
                    <table width="180" cellpadding="0" cellspacing="0" align="right" bgcolor="#000000"><tr><td width="156" height="168" style="background-color:#000000; line-height:13px;"><img src="http://identifix.skmgroupwork.com/email/iden074/images/JerryGTruglia.jpg" width="156" height="158" align="right" alt="Jerry G Truglia" style="padding: 0px 0px 0px 0px; width: 156px; height: 158px;display:block;"></td></tr></table><span style="color:#feae38;font-size:16px;"><b>Don’t Miss Your Chance to Catch<br>Identifix&rsquo;s Live Training, <span class="appleLinksWhite">3/12.</span></b></span><br><br>Seats are filling up quickly, so be sure to RSVP today for &ldquo;Find and Fix Faster – Your Path to More Profits,&rdquo; Identifix&rsquo;s live training event. Held <span class="appleLinksWhite" style="color: #ffffff;">on Tuesday, March 12th,</span> the session will be conducted by nationally recognized automotive industry expert, Jerry &ldquo;G&rdquo; Truglia, president of Automotive Technician Training Services (ATTS).<br><br>
                    <span style="color:#feae38;font-size:14px;"><b>Learn how your shop can:</b></span><br><br>
                    <img style="display:inline;" src="http://identifix.skmgroupwork.com/email/iden074/images/bulletSM.jpg"><span style="font-family: Arial, Helvetica, sans-serif;color:#feae38;font-size:13px;"><b>&nbsp;Diagnose and repair vehicles faster</b></span><br>
                    <img style="display:inline;" src="http://identifix.skmgroupwork.com/email/iden074/images/bulletSM.jpg"><span style="font-family: Arial, Helvetica, sans-serif;color:#feae38;font-size:13px;"><b>&nbsp;Reduce non-billable work time</b></span><br>
                    <img style="display:inline;" src="http://identifix.skmgroupwork.com/email/iden074/images/bulletSM.jpg"><span style="font-family: Arial, Helvetica, sans-serif;color:#feae38;font-size:13px;"><b>&nbsp;Boost customer trust and satisfaction</b></span><br>
                    <img style="display:inline;" src="http://identifix.skmgroupwork.com/email/iden074/images/bulletSM.jpg"><span style="font-family: Arial, Helvetica, sans-serif;color:#feae38;font-size:13px;"><b>&nbsp;Increase tech confidence and productivity</b></span><br>
                    <img style="display:inline;" src="http://identifix.skmgroupwork.com/email/iden074/images/bulletSM.jpg"><span style="font-family: Arial, Helvetica, sans-serif;color:#feae38;font-size:13px;"><b>&nbsp;Stay profitable</b></span><br><br>
                    Join us <span class="appleLinksWhite" style="color: #ffffff;">from 7:30 &ndash; 9:00 p.m.</span> at <a style="color:#feae38;" target="_blank" href="https://plus.google.com/104076111016352099629/about?gl=us&hl=en">ATTS</a>, <span class="appleLinksWhite" style="color: #ffffff;">10 Lupi Plaza, Mahopac, NY 10541</span>. Pizza and soft drink will be provided, followed by a hands-on demonstration of Identifix’s award-winning online tool, Direct-Hit<sup>&reg;</sup>.<br>
                    <br><strong><span style="color:#feae38;font-size:16px;"><b>Reserve your seat before it’s too late!<br>Call <span class="appleLinksWhite" style="color: #ffffff;">1.855.270.5855</span> now to RSVP.<span style="color:#feae38;"><b></strong><br><br></td>
                </tr>
                <tr>
                    <td align="left" valign="top" colspan="2" style="padding: 14px 0px; "><img src="http://identifix.skmgroupwork.com/email/iden045/images/iden045-divider.gif" width="550" height="1" alt="" border="0" style="background-color: #ffffff; width: 570px; height: 1px; display: block; "></td>
                </tr>
                <tr>
                    <td colspan="2" align="left" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; line-height: 16px; padding: 14px 0px 24px 40px;">
                    &#169;2013 Identifix | <span class="appleLinksWhite" style="color: #ffffff;">2714 Patton Road | Roseville, MN 55113</span> | <span class="appleLinksWhite" style="color: #ffffff;">1.800.745.9649</span></td>
                </tr>
            </tbody>
        </table>

任意の提案をいただければ幸いです。ありがとう、

ダグラス、画像を追加しようとしましたが、投稿するには少なくとも 10 の評判が必要であると表示され、現在は 1 つしかありません。それへのリンクはこれですhttp://identifix.skmgroupwork.com/email/iden074/images/snip.JPG

Outlook 2013 のみのリトマス テストでは、画像の右側にあるはずのない奇妙な白い、整列されていないギャップが表示されます。

4

3 に答える 3

1

この問題は Microsoft 電子メール クライアントに固有のものですか? 電子メールは Web クライアントでどのように表示されますか?

私は 2013 年と 2007 年にさまざまな問題を抱えていました。これらは通常、秘密の mso 固有の css ルールを使用することで解決されます。

例えば; mso-line-height-rule:exactly を使用します。インライン css では、Outlook 2013 が 15px 未満のすべての tds を押し出すという特に深刻な問題を解決します。

コードの残りの部分を確認せずに、コード内の問題を特定することは困難です。

于 2013-03-07T16:34:47.320 に答える
0

ロータス ノート 6.5 および 7 のようなすべてのクライアントで動作させるために colspans を使用しないようにしてください。

于 2013-03-08T09:23:30.790 に答える