mailchimp模板没有'；无法在outlook中显示_Outlook_Html Email_Mailchimp

mailchimp模板没有'；无法在outlook中显示

outlook

mailchimp模板没有'；无法在outlook中显示,outlook,html-email,mailchimp,Outlook,Html Email,Mailchimp,我正在使用Mailchimp及其模板进行电子邮件营销。我添加了特定于outlook的CSS代码，但它仍然没有在outlook中正确显示。有什么建议吗？以下是标题的一部分： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w

我正在使用Mailchimp及其模板进行电子邮件营销。我添加了特定于outlook的CSS代码，但它仍然没有在outlook中正确显示。有什么建议吗？以下是标题的一部分：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org      /TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>*|MC:SUBJECT|*</title>
    <style type="text/css">
        /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
        /** Outlook 07, 10 Padding issue: These "newer" versions of     Outlook add some padding around table cells potentially throwing off your perfectly pixeled table.  The issue can cause added space and also throw off borders completely.  Use this fix in your header or inline to safely fix your table woes.

More info: http://www.ianhoar.com/2008/04/29/outlook-2007-borders-and-1px-padding-on-table-cells/
http://www.campaignmonitor.com/blog/post/3392/1px-borders-padding-on-table-cells-in-outlook-07/

H/T @edmelly

Bring inline: No.
**/
table td {border-collapse: collapse !important}

        #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button      */
        .ReadMsgBody{width:600px;} .ExternalClass{width:600px;} /* Force Hotmail to display emails at full width */
        .yshortcuts, a .yshortcuts, a .yshortcuts:hover, a .yshortcuts:active, a .yshortcuts:focus{background-color:transparent !important; border:none !important; color:inherit !important;} /* Prevent Yahoo! from styling links */

        /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
        body{margin:0; padding:0;}
        img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
        table, td{border-collapse:collapse !important; mso-table-lspace:0pt; mso-table-rspace:0pt;}
        #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
        #bodyCell{padding:10px;}
        .templateContainer{width:600px;}


*|主持人：主题|*
/*/\/\/\/\/\/\/\/\/\/特定于客户端的样式/\/\/\/\/\/\/\/\/*/
/**Outlook 07，10填充问题：这些“较新”版本的Outlook在表格单元格周围添加了一些填充，这可能会使您的表格完全像素化。该问题可能会增加空间，也会完全摆脱边界。在标题或内联中使用此修复程序可以安全地修复表中的问题。
更多信息：http://www.ianhoar.com/2008/04/29/outlook-2007-borders-and-1px-padding-on-table-cells/
http://www.campaignmonitor.com/blog/post/3392/1px-borders-padding-on-table-cells-in-outlook-07/
H/T@edmelly
不。
**/
表td{边框折叠：折叠！重要}
#outlook a{padding:0；}/*强制outlook提供“浏览器中的视图”按钮*/
.ReadMsgBody{width:600px；}.ExternalClass{width:600px；}/*强制Hotmail以全宽显示电子邮件*/
.yshortcuts，a.yshortcuts，a.yshortcuts:悬停，a.yshortcuts:活动，a.yshortcuts:焦点{背景色：透明！重要；边框：无！重要；颜色：继承！重要；}/*阻止Yahoo！从样式链接*/
/*/\/\/\/\/\/\/\/\/\/重置样式/\/\/\/\/\/\/\/\/*/
正文{margin:0；padding:0；}
img{边框：0；高度：自动；线条高度：100%；轮廓：无；文本装饰：无；}
表，td{边框折叠：折叠！重要；mso表lspace:0pt；mso表rspace:0pt；}
#bodyTable，#bodyCell{高度：100%！重要；边距：0；填充：0；宽度：100%！重要；}
#体细胞{填充：10px；}
.templateContainer{宽度：600px；}

很抱歉，您的电子邮件中没有正确显示哪些内容？尝试查看其他模板，如。它们应该让您更好地了解可靠的结构和css。你需要内联你的css，它是电子邮件时事通讯的标准-这是你获得一致外观的唯一途径，尤其是在gmail中

您可以将模板简化为更方便的模板，但以下是我的建议：

我建议您使用像litmus这样的工具，这将允许您在任何电子邮件应用程序/浏览器/设备组合上测试营销电子邮件的呈现。

右栏与左栏不一致。感谢链接，但他们特别指出，它们没有针对Outlook 2007进行优化。除了Outlook 2007外，该电子邮件在任何地方都能正确显示。