Gmail搞砸了我发送的HTML电子邮件

时间:2013-05-22 00:16:31

标签: html css gmail

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>

5 个答案:

答案 0 :(得分: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与链接之间的空格。

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

如果您使用gmail表示您从浏览器访问的电子邮件收件箱,我认为您需要查看浏览器和Gmail帐户的默认显示设置。也许将text-decoration:underline;a标记移动到td标记,看看是否会发生变化。

link也可以为您提供帮助。

答案 3 :(得分: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>

答案 4 :(得分: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>

尝试将文字包装在<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>