2013-03-07 29 views
1

我遇到了在Outlook中查看HTML电子邮件中的问题只有2013,这在以前的版本中看起来很大,包括2007年和2010年Outlook 2013中只在HTML邮件图像差距

我添加样式=“显示:块; 我的表和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上出现了一个奇怪的白色,甚至没有对齐的图像右侧的图像。

+0

似乎是什么问题?它应该做什么/看起来不正确?你可以发布截图吗? – DACrosby 2013-03-07 15:55:20

+0

完整的源代码,包括HTML doctype,将会有所帮助。例如,如果添加到上面的答案太长,它可能会粘贴到JSFiddle演示中。 – 2013-03-07 17:23:40

+0

我遇到同样的问题,您是否解决了这个问题? – 2013-04-04 11:56:17

回答

5

继为我工作:

<td style="line-height:0px; mso-line-height-rule:exactly;"> 
+0

你是我的英雄 – phippu 2014-01-29 09:08:49

1

此问题是否特定于Microsoft电子邮件客户端? 电子邮件如何在Web客户端上查看?

我在2013年和2007年有过很多问题。通常使用秘密的mso特定的css规则来弥补这些问题。

例如;使用mso-line-height-rule:完全; inline css将解决Outlook 2013推动所有tpx < 15px的特别加重问题。

很难在代码中查出问题而不看代码的其余部分。

+0

该问题特定于Microsoft Outlook 2013.电子邮件在Web客户端中看起来很好,我假设您指的是Chrome.com和IE中的outlook.com。像yahoo,hotmail和gmail等其他网络客户端也都很好。你在img或td上使用mso规则吗?如果有帮助,我会试一试,并添加一些我的包含代码。 – 2013-03-07 17:00:31

+0

将此样式添加到td可解决我的问题。 ...如果没有线条高度样式,它也不会起作用。谢谢four33的回答,Terri为你节省了很多时间。 – 2013-05-12 23:46:50

+0

有用的信息迈克尔。谢谢 – 2013-08-23 19:31:53

0

你应该尽量不要使用colspans使它在所有客户端的工作就像Lotus Notes的6.5和7

+0

我没有测试莲花笔记6.5和7.我只关心Outlook 2013中的问题。 – 2013-03-08 16:39:38

相关问题