2011-11-23 49 views
1

我使用了大量的图像与影像地图,其中有指定的两个矩形区域创建HTML电子邮件:Gmail的图像映射 - 只有最后一个区域工作

<img src="newsletter_files/background.jpg" width="600" height="584" border="0" alt="39steps crimbo cards" usemap="#email"> 

<map name="email"> 
<area shape="rect" name="emailaddress" coords="212,305,350,290" href="mailto:[email protected]" alt="Email [email protected]" /> 
<area shape="rect" name="website" coords="585,485,465,550" href="http://www.domain.co.uk" target="_blank" alt="Domain link" /> 
</map> 

麻烦的是,只有第二个作品。第一个被忽略。我谷歌搜索解决方案,但没有发现任何东西。

我可以减少图像了,但与测试等创建自己的问题 - 电子邮件非常简单,所以我的目的,影像地图是最好的方法。

任何人都有类似的问题?

回答

3

我做邮件不是影像地图(主要是因为我从来没有使用过)

我的建议是在Photoshop中打开图像,并使用切片工具。当你保存你可以保存图像和html。输出的html将是完美的电子邮件。

一对夫妇的其他东西,当涉及到HTML格式的电子邮件:

  • 总是使用表
  • 不要使用p标签
  • 始终把图片上的display:block(这样可以防止一些电子邮件图像之间的不需要的差距客户端
3

这与您的图像映射无关。第一个链接被忽略,因为它是mailto:call。Gmail剥离hre f若它包含了一个链接的一个mailto:

0

我刚才读的东西从不断接触有趣。这里就是它说:

在自定义HTML电子邮件,如果图像映射标签存在,以及该超链接是一个mailto:链接,如果标签被关闭,如下面的例子...

<area shape="rect" coords="88,23,166,38" href="mailto:[email protected]"/> 

...超链接将处于非活动状态。简单地删除关闭的正斜杠将使链接再次激活。

•留下一个关闭正斜杠在正常超链接的URL将在自定义HTML电子邮件。

•离职后一个mailto一个关闭斜线:链接在自定义XHTML电子邮件将工作。 但是 -

•离职后一个mailto一个关闭斜线:在自定义HTML电子邮件中的链接将无法工作。

+1

有趣,但不工作。似乎看到源代码显示,gmail确实剥离了@Eric提到的href(斜杠或不)。 –

相关问题