將在Outlook 2007/2010中正確呈現的HTML

Question

我目前使用以下HTML渲染下面顯示的圖像。 但是，這在Outlook中不起作用，因為不支持背景圖像。 我傾向於使用表格在Outlook中正確呈現元素，但不知道如何進行此操作。 提供給html以便在Outlook 2007/2010中正確呈現以下圖像的人的賞金200英鎊”

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Render this</title>
    <style type="text/css">
        div, p {
            margin:0;
            padding:0;
            font-family: Helvetica;
            font-size:14px;
            color:#000;
            font-weight:bold;
        }
        div.box {
            padding:15px;
            width:272px;
            height:155px;
            border:2px solid #000;
            background-color:rgb(255,232,0);
        }
        div.box div.inner {
            height:100%;
            background:url("https://s3.amazonaws.com/signoffmainbucket/8CA8EC1A-C1C5-4390-9FC4-649648AA26C8.jpg") bottom right no-repeat;
        }
        p.name {
            margin-bottom:65px;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="inner">
            <p class="name">John</p>
            <p>XYZ Company</p>
        </div>
    </div>
</body>
</html>

在此處輸入圖片說明

Answer 1

    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Render this</title>
    <style type="text/css">
        p {
            margin:0;
            padding:0;
            font-family: Helvetica;
            font-size:14px;
            color:#000;
            font-weight:bold;
        }
        table {
            padding:15px;
            width:272px;
            height:155px;
            border:2px solid #000;
            background-color: #fee800;
        }
        p.name {
            margin-bottom:65px;
        }
    </style>
</head>
<body>
<table>
<tr><td>John Smith</td><td></td></tr>
<tr><td><p>XYZ Company</p></td><td><img src="https://s3.amazonaws.com/signoffmainbucket/8CA8EC1A-C1C5-4390-9FC4-649648AA26C8.jpg" /></td></tr>
</table>

</body>
</html>

Answer 2

對於電子郵件發送者，您應該使用表格，並且不要在表頭或其他CSS中使用CSS。 嘗試使用和內聯CSS。

<table bgcolor="#fee800" border="0" cellpadding="0" cellspacing="0" width="272" height="155" style="border: 2px solid #000; padding: 15px;">
    <tr>
        <td><font face="Helvetica, Arial, sans-serif" style="font-size: 14px;"><b>John</b></font></td><td>&nbsp;</td>
    </tr>
    <tr>
        <td><font face="Helvetica, Arial, sans-serif" style="font-size: 14px;"><b>XYZ Company</b></font></td><td><img src="https://s3.amazonaws.com/signoffmainbucket/8CA8EC1A-C1C5-4390-9FC4-649648AA26C8.jpg" alt="" /></td>
    </tr>
</table>

將在Outlook 2007/2010中正確呈現的HTML

問題描述

2 個解決方案

解決方案1
3 已采納 2012-04-14 20:21:56

解決方案2
2 2012-04-17 07:48:16

將在Outlook 2007/2010中正確呈現的HTML

問題描述

2 個解決方案

解決方案1 3 已采納 2012-04-14 20:21:56

解決方案2 2 2012-04-17 07:48:16

解決方案1
3 已采納 2012-04-14 20:21:56

解決方案2
2 2012-04-17 07:48:16