2017-04-19 12 views
2

メールヘッダーが異なる画像に分割されているため、それぞれがウェブページにリンクできます。電子メールヘッダーを複数のクライアント間で共有する

以下のコードをmailchimpに追加すると、ほとんどの電子メールクライアントに渡ってメッセージが残るようにヘッダーをコーディングすることはできません。ここで

は、完成した製品がどのように見えるかです:ここでは http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo-header-full_zpswkpyuqa6.png

私は運なしに取り組んできたコードです:

<a href="https://espn.com"> 
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
header_01_zpsnfqldsnw.jpg" alt="Company Logo" href="http://espn.com" 
align="left"/> 
</a> 

<a href="https://comcast.net"> 
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
header_02_zps8f6i1fvw.jpg" alt="Product Image" href="https://comcast.net" 
align="left"/> 
</a> 

<a href="https://cnn.com"> 
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
header_03_zpsdk8geogp.jpg" alt="Shop" href="https://cnn.com" align="left"/> 
</a> 

<a href="https://apple.com"> 
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
header_04_zpsirg8szkp.jpg" alt="Customer Service" href="https://apple.com" 
align="left"/> 
</a> 

<a href="https://amazon.com"> 
<img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
header_05_zpssvi0qteo.jpg" alt="Products" href="https://amazon.com" 
align="left"/> 
</a> 

答えて

2

これはあなたが後にしているものです。テーブルを使用してイメージを適切な場所に配置する必要があります。テーブルの構造を見て、あなたは私が何をしたのか見るでしょう。

  • あなたのコードには、削除したイメージタグにhrefがあります。
  • いけない

以下は新しいウィンドウで開くように画像や

  • すべてのリンクの上に表示ブロックを忘れてはそれを試してみると、それはあなたのために働くなら、私に知らせて、コードです。

    <table width="600" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
    <td> 
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
    <td><a href="https://espn.com" target="_blank"> 
    <img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
    header_01_zpsnfqldsnw.jpg" alt="Company Logo" style="display:block;" /> 
    </a></td> 
    </tr> 
    <tr> 
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
    <td><a href="https://cnn.com" target="_blank"> 
    <img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
    header_03_zpsdk8geogp.jpg" alt="Shop" style="display:block;" /> 
    </a></td> 
    <td><a href="https://apple.com" target="_blank"> 
    <img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
    header_04_zpsirg8szkp.jpg" alt="Customer Service" style="display:block;" /> 
    </a></td> 
    <td><a href="https://amazon.com" target="_blank"> 
    <img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
    header_05_zpssvi0qteo.jpg" alt="Products" style="display:block;" /> 
    </a></td> 
    </tr> 
    </tbody> 
    </table> 
    </td> 
    </tr> 
    </tbody> 
    </table> 
    </td> 
    <td width="148"><a href="https://comcast.net" target="_blank"> 
    <img src="http://i61.photobucket.com/albums/h49/Rocket_Range_77/Demo- 
    header_02_zps8f6i1fvw.jpg" alt="Product Image" style="display:block;" /> 
    </a></td> 
    </tr> 
    </tbody> 
    </table> 
    

    また、私はコードの画像を取るだけでスタックオーバーフローですか?写真バケツにリンクされた画像を含むメールを送信すると、配信に関する問題が発生します。

    乾杯

  • +0

    うわー、ありがとう!偉大な作業をしているようだ! – Platypus17

    +0

    photobucketの代わりにリンクされた画像にはどのようなことをお勧めしますか? – Platypus17

    +1

    あなたのドメインや評判の良いCDNからホストされている画像を持っていることをイメージしているイメージのために、あなたが何をしていたのか(そしてupvoteがうれしいでしょう)人々は通常最初のものと一緒に行く。 – Syfer

    関連する問題