0

在我们的电子邮件中有一个菜单，我们希望每个项目之间有一个边框（管道）。我试过在border-right: 1px solid #ffffff几个不同的地方安装，但都没有成功。边界代码如何以及在哪里？这就是代码的样子：

 <div block="editable" name="Navigation Link 2" description="Style With - color:#FFFFFF; text-decoration:none;" id="navlink2" key="navlink2" display="link">Help</div>
            </td>
             <td align="center" valign="top" style="display: inline-block; padding: 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; border-right:#FFF>
4

2 回答 2

0

smerny 对您的代码混乱是正确的。如果您希望 html 甚至可以通过电子邮件远程呈现，您需要确保您的 html 是干净的。验证器（http://validator.w3.org/）可以帮助解决这个问题。在为电子邮件编写 html 时需要考虑很多坑，这比我可以在这里讨论的要多，但是为了解决您的特定问题，这些方法之一应该可以工作：

方法一：

<table>
    <tbody>
        <tr>
            <td style="border-right: solid"> Help </td>
            <td style="border-right: solid"> Lorem </td>
            <td style="border-right: solid"> Ipsum </td>
        </tr>
    </tbody>
</table>

方法二：

<style>
    td {
        border-right: solid;
    }
</style> 



<table>
    <tbody>
        <tr>
            <td> Help </td>
            <td> Lorem </td>
            <td> Ipsum </td>
        </tr>
    </tbody>
</table>

小提琴

于 2013-08-26T21:40:57.350 回答
0

您的 HTML 似乎不完整，您的样式属性缺少结束引号，您确实应该在 CSS 文件中做样式。

除此之外，您的 HTML 正在使用border-right:#FFF- 您应该使用类似border-right: solid #FFF;

注意样式部分 ( solid)，您也可以使用dashed,double等...但默认是none这样您必须指定一些内容。

边框样式参考

小提琴演示

如果您仍然遇到问题，则可能是您的 dom 结构有问题，您应该发布更完整的图片。

于 2013-08-26T19:56:05.547 回答