Question

我搜索过并找不到答案。

我有一个奇怪的问题，仅在Outlook 2010中显示。

My problem

正如你在图像中看到的那样，我有一个大表格单元格（在图像后面），另一边，在右边（不在图像中）表格中有9个单元格，在我的问题中使用了相同的结构可以找到Here

现在，我不明白为什么Outlook 2010没有正确渲染我的代码，为什么我在图像的两边都有那些黑线（间距可能是？）。

这是我目前的代码，我可能忽略了某些东西...... :(

<td rowspan="9"><img alt="Image" src="http://imagelink.com" width="177" height="177" style="margin:15px 0 10px 20px;border-style:solid;border-color:#fff;border-width:7px;-webkit-box-shadow:0 3px 7px 1px #cecece;-moz-box-shadow:0 3px 7px 1px #cecece;box-shadow:0 3px 7px 1px #cecece"></td>

Answer 1

首先，此处没有足够的信息来复制问题。我从上面的代码段提供的链接中复制了您的确切方案。

<table>
<tr>
    <td rowspan="9"><img alt="Image" src="http://imagelink.com" width="177" height="177" style="margin:15px 0 10px 20px;border-style:solid;border-color:#fff;border-width:7px;-webkit-box-shadow:0 3px 7px 1px #cecece;-moz-box-shadow:0 3px 7px 1px #cecece;box-shadow:0 3px 7px 1px #cecece">
    </td>
    <td>
        Cell 1
    </td>
</tr>
<tr>
    <td>
        Cell 2
    </td>
</tr>
<tr>
    <td>
        Cell 3
    </td>
</tr>
<tr>
    <td>
        Cell 4
    </td>
</tr>
<tr>
    <td>
        Cell 5
    </td>
</tr>
<tr>
    <td>
        Cell 6
    </td>
</tr>
<tr>
    <td>
        Cell 7
    </td>
</tr>
<tr>
    <td>
        Cell 8
    </td>
</tr>
<tr>
    <td>
        Cell 9
    </td>
</tr>
</table>

在Windows 7的Outlook 2010中测试过它。没问题。请包括确切的标记。标题和正文内容可能会影响电子邮件。

其次，您使用的是什么机器，Outlook在XP中的显示方式与7不同。

第三，您不应该使用速记CSS来发送电子邮件。请参阅：http://sixrevisions.com/web_design/creating-html-emails/

第四，填充和边距仅适用于表和td标记，如果它们要与电子邮件客户端兼容：http://www.campaignmonitor.com/css/。但Hotmail不支持边距。如果没有按照链接将图像嵌套到另一个表中，您将在第一行内部内容中出现填充/边距问题。

第五，您需要关闭所有代码。图像没有关闭/.

我预感你可能必须在这里使用嵌套表，因为它可能是电子邮件客户端显示问题。这里有一节：Campaignmonitor有一个优秀的设计指南部分

试试这个：

<table>
<tr>
    <td>
        <table>
            <tr>                   
                <td style="padding-top: 15px; padding-right:0px; padding-bottom: 10px; padding-left:20px;" width="177px" height="177px">
                    <img alt="Image" src="http://imagelink.com" width="177px" height="177px" style="border-style:solid; border-color:#ffffff; border-width:7px; -webkit-box-shadow:0 3px 7px 1px #cecece; -moz-box-shadow:0 3px 7px 1px #cecece; box-shadow:0 3px 7px 1px #cecece" />
                </td>
            </tr>
        </table>
    </td>            
    <td>
        <table>
            <tr>
                <td>
                    Cell 1
                </td>
            </tr>
            <tr>
                <td>
                    Cell 2
                </td>
            </tr>
            <tr>
                <td>
                    Cell 3
                </td>
            </tr>
            <tr>
                <td>
                    Cell 4
                </td>
            </tr>
            <tr>
                <td>
                    Cell 5
                </td>
            </tr>
            <tr>
                <td>
                    Cell 6
                </td>
            </tr>
            <tr>
                <td>
                    Cell 7
                </td>
            </tr>
            <tr>
                <td>
                    Cell 8
                </td>
            </tr>
            <tr>
                <td>
                    Cell 9
                </td>
            </tr>
        </table>
    </td>
</tr>
</table>

希望它有所帮助！

Outlook 2010中奇怪的表格格式

1 个答案: