html - html 电子邮件中的边框未显示在 outlook 2010 中,但在 Thunderbird 中有效

标签 html css email outlook

我的 html 电子邮件中有以下代码。它位于表格字段内:

<span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span>

现在,这条“橙色线”在发送到 Thunderbird 时会显示在 html 电子邮件中,但使用 Outlook 2010 的收件人看不到该线。

是的,我知道还有另一个线程与此相关,但我尝试了该解决方案(我看到的唯一区别是我使用的是 display:block 而不是 display:inline-block;).. 但它没有用。

还有什么建议吗?

表格:

<table border=0 cellpadding=5 cellspacing=0 style="font:300 15px/1.625 'Helvetica Neue',Helvetica,Arial,sans-serif">
<tr><td colspan=5><span class=solid style="width:100%;height:1px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
      <tr>
        <td nowrap style="font-size:12px;" colspan=2>Item Description</td>
        <td width=50 nowrap style="font-size:12px;">Price</td>
        <td width=50 style="font-size:12px;">Quantity</td>
        <td width=50 nowrap style="font-size:12px;">Sub Total</td>
      </tr><tr><td colspan=5><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
  <tr>
    <td valign=top>&nbsp;
    </td><td style="font-size: 10px;" nowrap valign=top><h2 style="margin:0;">Vitamin C </h2></td>
<td nowrap valign=top>$39.95</td>
<td nowrap valign=top><input type="text" name="qty1" value="3"  size=2 readonly=readonly></td>
<td nowrap valign=top>$1.00&nbsp;&nbsp;</td></tr><tr><td colspan=5><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:block;"></span></td></tr>
    <tr><td colspan=4>Order Subtotal</td><td>$1.00</td></tr>
<tr><td colspan=3></td><td colspan=2><span class=solid style="width:100%;height:5px;border-top:1px dashed #f89d30;display:inline-block;"></span></td></tr>
<tr><td colspan=3></td><td colspan=2><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
<tr><td colspan=5><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
<tr><td colspan=3>&nbsp;</td>
<td colspan=2>[checkout]</td></tr></table>

最佳答案

当表格未出现在电子邮件中时。

我花了很多时间研究,最后找到了解决方案。

我在这里留下了一个代码,它曾在 Outlook 电子邮件和 iMac 邮件中为我服务。

显示表格:

<table rules="all" bordercolor="#4d4c4d" border="1" bgcolor="#FFFFFF" cellpadding="10"  align="center" width="800">
</table >

希望对你有用。

关于html - html 电子邮件中的边框未显示在 outlook 2010 中,但在 Thunderbird 中有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18775413/

相关文章:

javascript - 将 JS 值插入 HTML 表

html - 将验证码控件包装在 p 标签中,如何将其向右移动?

css - 将 <div> 分成两部分

html - 使用 Stylus 更改现有值的 CSS 属性

c# - CSS 不适用于电子邮件正文

php - 使用 Gmail 在 codeigniter 中通过电子邮件类发送电子邮件

html - 将多个嵌套的 DIV 在正文标签中居中 HTML CSS

javascript - 根据 sibling 的上一个类动态地将 addClass() 添加到元素中?

html - 位置相对 div 1 高于位置绝对 div 2 相对于 div 3

php - 无法通过 SMTP 发送电子邮件,因为 "550 - Relay Not permitted"