2016-07-15 9 views
0

HTMLベースの写真をクリック可能な電子メールで送信しようとしています。私は、HTML形式で保存し、Webブラウザで開いているが、私はOutlookのテキストとしてHTMLファイルを挿入すると、受信者が画像だけではなく、マップを見ることができるとき、それは動作します次のコードHTML <map>タグがOutlookの電子メールクライアントと連携していません

<!DOCTYPE html> 
<html> 
<head> 
<title> Document Title </title> 
<body> 
<img src="online photohosting URL" alt="" usemap="#Map" /> 
<map name="Map" id="Map"> 
    <area alt="" title="" href="outlet URL to this specific area of image" shape="rect" coords="280,348,145,213" /> 
    [...] 
</map> 
</body> 
</title> 
</head> 
</html> 

を使用しました。コードを変更する必要がありますか?またはこれに他の回避策がありますか? ありがとうございます

+0

通常、電子メールクライアントは完全なHTML要素などをサポートしていません。通常、電子メールを簡単に保つようにしてください。 – Liam

+0

[Outlookではサポートしていません。](http://stackoverflow.com/questions)/11311471/where-image-map-is-not-supported) – Liam

+0

クリック可能なリンクで画像を取得するメールが発生している可能性があります。あなたが知っていれば、彼らがどのように行われたか教えてください。 –

答えて

2

Outlookはこれをサポートしていません。あなたはhtml電子メールをできるだけシンプルに保つべきです。

たとえば、イメージを部分的に切断して、元のイメージのすべてを元のイメージと組み合せて、表のhtmlタグを使用して、別のリンクにリンクすることができます。これは、電子メールのhtmlイメージマップのためのかなり受け入れ可能な回避策です。

+0

こんにちは、あなたが言ったようにしたが、最終的なイメージが歪んで現れた。 Photoshopのスライスツールを使用して、画像の特定の場所にリンクを追加しました。画像ホスティングウェブサイト上のスライスされたセクションをアップロードし、タグ内のハイパーリンクを使用しました。しかし、最終的な結果にはリンクされた領域に空白がありました。これは解決できますか?ヘルプは非常に高く評価されます。ありがとう –

+0

あなたのHTMLのJSFiddleを投稿できますか?だから私は何が間違っているか見ることができます。 (jsfiddle.net) – Mario

+0

画像には私が共有することができない機密情報があります。しかし、これはスクリーンショットhttp://s1381.photobucket.com/user/shrijanaryal123/media/paystub1_zpsa6gnzxua.png.htmlへのリンクです。 –

関連する問題