2017-05-11 7 views
0

私は画像マッピングとHTMLのニュースレターのページが作成されていますが、それはうまくいっていますが、Windows Outlookに貼り付けるブラウザからコンテンツをコピーすると、ここに完全に投稿されます。 また、各スライスにURLを追加し、すべてのスライスと1つのHTMLファイルである1つのイメージフォルダを作成するウェブとして保存するために、Adobe Photoshopスライスツールを試しています。このHTMLファイルをブラウザで開くと完璧に見えますが、すべてのコンテンツをコピーして貼り付けると、Outlookには画像の白い線が表示されます。 画像のさまざまな領域に複数のリンクがある画像を希望し、それを自分のOutlookアカウントを介してクライアントに送信します。どうすればいい?私はoutlookのための電子メールのtempletとstukです

エリアマッピング

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
</head> 
<body><div align="center"> 
    <img src="https://d2slcw3kip6qmk.cloudfront.net/marketing/press/images/template-gallery/[email protected]" alt="Smiley face" height="100%" width="80%" usemap="#Map"> 
    </div> 
    <map id="Map"> 
      <area shape="rect" coords="14, 13, 460, 162" target="_blank" href="http://securitylinkindia.com/may17report.html" title="new" alt=""> 
<area shape="rect" coords="18, 189, 154, 604" target="_blank" href="http://securitylinkindia.com/may17whitePaper.html" title="new" alt=""> 
<area shape="rect" coords="166, 190, 308, 441" target="_blank" href="http://securitylinkindia.com/may17dahua.html" title="new" alt=""> 
<area shape="rect" coords="322, 190, 462, 438" target="_blank" href="http://securitylinkindia.com/may17report.html" title="new" alt=""> 
<area shape="rect" coords="168, 455, 461, 603" target="_blank" href="http://securitylinkindia.com/may17whitePaper.html" title="new" alt=""> 
    </map> 
</body> 
</html> 

<!DOCTYPE html> 
 
    <html> 
 
    <head> 
 
    \t <title></title> 
 
    </head> 
 
    <body><div align="center"> 
 
    \t <img src="https://d2slcw3kip6qmk.cloudfront.net/marketing/press/images/template-gallery/[email protected]" alt="Smiley face" height="100%" width="80%" usemap="#Map"> 
 
    \t </div> 
 
    \t <map id="Map"> 
 
    \t \t <area shape="rect" coords="14, 13, 460, 162" target="_blank" href="http://securitylinkindia.com/may17report.html" title="new" alt=""> 
 
    <area shape="rect" coords="18, 189, 154, 604" target="_blank" href="http://securitylinkindia.com/may17whitePaper.html" title="new" alt=""> 
 
    <area shape="rect" coords="166, 190, 308, 441" target="_blank" href="http://securitylinkindia.com/may17dahua.html" title="new" alt=""> 
 
    <area shape="rect" coords="322, 190, 462, 438" target="_blank" href="http://securitylinkindia.com/may17report.html" title="new" alt=""> 
 
    <area shape="rect" coords="168, 455, 461, 603" target="_blank" href="http://securitylinkindia.com/may17whitePaper.html" title="new" alt=""> 
 
    \t </map> 
 
    </body> 
 
    </html>

と私のHTMLコードは、私はできるだけ早く解決策を必要があります。貢献していただきありがとうございます。

答えて

0

画像を個別にスライスし、別々の表のセルに入れるのが最善の方法です。この方法で、それぞれにリンクを付けることができます。

Outlookに貼り付けるとイメージマップがうまくいきません。

+0

ありがとうございましたが、私はこれを使用しましたが、1つの問題は見栄えの良いテンプレートではありません。 –

関連する問題