Hotmail中的HTML电子邮件问题 [英] HTML email problems in Hotmail

问题描述

我制作了一封HTML电子邮件，该邮件在Gmail中显示完美，但出现了一些奇怪的hotmail错误。我有以下html

I made an HTML email which is displayed perfectly fine in Gmail, but with some strange hotmail errors. I have the following html

<?php
[..]

$mailTxt = "<div style=\"font:11pt/22pt Arial;color:black;width:100%;background:black;text-align:justify;\">
    <div style=\"height:150px;background:black;display:table;\">
        <div style=\"display:table-cell;width:160px;vertical-align:top;\">
            <img src=\""._BASE_URL."/inc/images/SingleDays-Mailing-Logo.jpg\" style=\"margin:25px;\">
        </div>
        <div style=\"display:table-cell;vertical-align:top;\">
            <h1 style=\"font:19pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;padding-top:40px;\">SingleDays Nieuwsbrief, ".$_POST['date']."</h1>
        </div>
    </div>
    <div style=\"background:white;margin:0 25px;padding:25px 10%;border-bottom:solid 1px #eee;\">
        <h2 style=\"font:17pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;text-transform:uppercase;\">".$_POST['s1']."</h2>
        <p style=\"text-align:justify;\">".$_POST['t1']."</p>
    </div>
    <div style=\"display:table;background:white;margin:0 25px;border-bottom:solid 1px #eee;\">
        <div style=\"display:table-cell;padding:25px;border-right:solid 1px #eee;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s2']."</h2>
            <p style=\"text-align:justify;\">".$_POST['t2']."</p>
        </div>
        <div style=\"display:table-cell;padding:25px;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s3']."</h2>
            <p style=\"text-align:justify;\">".$_POST['t3']."</p>
        </div>
    </div>
    <div style=\"display:table;background:white;margin:0 25px;\">
        <div style=\"display:table-cell;padding:25px;border-right:solid 1px #eee;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s4']."
            <p style=\"text-align:justify;\">".$_POST['t4']."</p>
        </div>
        <div style=\"display:table-cell;padding:25px;width:50%;\">
            <h2 style=\"font:15pt/22pt Arial;letter-spacing:-0.5pt;color:#cc2439;\">".$_POST['s5']."</h2>
            <p style=\"text-align:justify;\">".$_POST['t5']."</p>
        </div>
    </div>
    <div style=\"background:black;color:white;\">
        <p style=\"margin-left:25px;\">Je ontvangt deze nieuwsbrief omdat je aangegeven hebt deze te willen ontvangen. Via <a href=\""._BASE_URL."/unsubscribe/".md5($receivers[$i])."\" style=\"text-decoration:underline;color:#cc2439;\">deze link</a> kun je je weer uitschrijven.

这在Gmail中完全正常，但问题出现在Hotmail因为我在没有办公室的苹果工作，我甚至不能检查outlook。）

This works perfectly fine in Gmail, but the problems occur in Hotmail (and since i'm working on an Apple without Office i can't even check outlook..)

首先，我的所有标题变成绿色，我已经尝试 color：＃cc2439！important; 但没有任何结果，仍然是绿色

First of all, all my headings turn out green. I already tried an color:#cc2439 !important; but without any result, still green

（支持 ）

问题对我来说很基本，所以我想知道如果有人知道一个简单的解决方案我没有任何线索如何解决颜色问题。

Problems seem pretty basic to me, so i was wondering if someone knows an easy solution I don't have any clue how to solve the color issue.

编辑：

通过将段落替换为标题元素，解决了颜色问题。显然Hotmail的样式表会否定用户样式标题

Solved the color issue by replacing the heading elements with a paragraph. Apparently Hotmail's stylesheet overrules user styled headers

推荐答案

几个提示：

1 - 广告系列监控器有关于不同邮件客户端支持的良好指南。
http://www.campaignmonitor.com/css/

1 - Campaign monitor has a good guide on what's supported on different mail clients. http://www.campaignmonitor.com/css/

2 - Exact Target（您必须付费）有一个很好的服务，它会自动在各种客户端测试您的电子邮件，并对其进行屏幕截图，您可以在线查看或下载作为PDF。
http://www.exacttarget.com/

2 - Exact Target (you have to pay) has an excellent service where it automatically tests your email on a variety of clients and makes screen-shots of them all, which you can view online or download as PDF. http://www.exacttarget.com/

这篇关于Hotmail中的HTML电子邮件问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！