1

HTML 电子邮件的这段代码在除 gmail 之外的所有客户端中都能很好地呈现。由于某种原因,链接没有下划线,所以读者没有意识到它是一个链接。关于如何克服这个问题的任何想法?

谢谢!

<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href = "http://www.example.com/">Click</a></td>
4

5 回答 5

2

尝试改变

<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href = "http://www.example.com/">Click</a></td>

<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color:#ffffff;text-decoration:underline;" href="http://www.example.com/">Click</a></td>

所以删除你href和链接之间的空格。

于 2013-05-22T01:51:07.930 回答
1

根据我的电子邮件经验,有时客户会做一些非常糟糕的事情,而您对此无能为力。您是否尝试过使用 !important 或在 html 顶部的样式块中声明您的样式?

如果这不起作用,我建议您将链接加粗:\

于 2013-05-22T00:28:40.773 回答
0

如果 gmail 是指您从浏览器访问的电子邮件收件箱,我认为您将需要查看浏览器和 gmail 帐户的默认显示设置。也许也将标签text-decoration:underline;a标签移动到td标签,看看是否会改变一些东西。

链接也可能对您有所帮助。

于 2013-05-22T00:28:25.087 回答
0

试试下面的代码。Gmail 可能无法识别您在 href = "yourlink" 之间的间距。我想不出任何其他为什么它不起作用的原因。我每天编写 html 电子邮件,并且总是测试 gmail。

<td align="center" bgcolor="#337711" style="color: #ffffff;"> <a style="color: #ffffff; text-decoration: underline;" href="http://www.example.com/">Click</a></td>

另一个选择是通过在链接后面附加样式来重新排列代码。如下所示。

<td align="center" bgcolor="#337711" style="color: #ffffff;"> <a href="http://www.example.com/" style="color: #ffffff; text-decoration: underline;">Click</a></td>

于 2013-05-22T00:41:21.340 回答
0

设计 HTML 电子邮件很糟糕。这是官方的。总让我觉得脏!:P

也就是说,让 HTML 电子邮件全面工作始终是一种妥协——直到我们全面遵守标准,总会有妥协。

虽然有一些建议,有些可能有点笨拙,但这就是这种特殊野兽的本性......

奇怪的是,默认情况下它应该加下划线,所以你不需要使用内联 CSS 来指定它。你确定你在其他地方没有一个矛盾的风格声明来覆盖这个内联声明吗?

从元素属性中删除空格

<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href="http://www.example.com/">Click</a></td>

尝试将文本包装在 a 中<span>并在其上粘贴下划线

<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #ffffff; text-decoration:underline;" href="http://www.example.com/"><span style="text-decoration:underline;">Click</span></a></td>

如果一切都失败了,改变链接的样式,让读者更清楚这是一个链接

<td align="center" bgcolor="#337711" style="color: #ffffff;"><a style="color: #fcff01;font-weight:bold; text-decoration:underline;" href="http://www.example.com/">Click</a></td>
于 2013-05-22T01:43:43.520 回答