2011-11-23 47 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(斜槓或不)。 –

相關問題