2017-03-05 18 views
1

HTML電子メールの署名の画像は、異なる電子メールホストとの闘いになる可能性があると認識していますが、画像がファイル名に置き換えられるといった 。電子メール画像の代わりにファイル名を示す署名画像

私の電話を見ると、このエラーは表示されません。昨夜ファイル名を表示していたものが、今度はイメージとして戻ってきました!ここで

は、コードは以下の通りです

Email Signature

をどのように見えるべきかです。誰もが、それは時々画像が表示されない理由は、私はあなたの入力

コード

<html lang="en"> 
     <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
     <meta name="keywords" content=""> 
     <meta name="description" content=""> 
     </head> 
     <body style="background:#eee;padding:0;margin:0;"> 

     <div style="width:600px;background:#fff;font-family:Arial, Helvetica, sans-serif;"> 
      <div style="padding:15px 0px;background:#0c6eb7;color:#fff;"> 
      <div style="padding:5px 15px;"> 
       <h2 style="margin:0;font-size:18px;text-transform:uppercase;font-weight:black; color:#ffffff;">Health Your Way</h2> 
       <h3 style="margin:0;margin-bottom:3px;font-size:14px;font-weight:normal;">&nbsp;</h3> 
      </div> 
      </div> 
      <div style="padding:15px 15px;"> 
       <p style="margin-top:0px;"></p> 
       <h4 style="margin:0;font-size:12px;font-weight:normal;color:#0c6eb7;"> 
        <img src="http://i.imgur.com/vyyo3Cs.png" alt ="Email: " style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="mailto:[email protected]" style="color:#0c6eb7;text-decoration:none;">[email protected]</a> 
        <b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b> 
        <img src="http://i.imgur.com/Uwbw49m.png" alt="Call: " style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="tel:08006446414" style="color:#0c6eb7;text-decoration:none;">0800 644 6414</a> 
        <b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b> 
        <img src="http://i.imgur.com/jpcSK1r.png" alt="Website: " style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="http://www.healthyourway.co.uk" style="color:#0c6eb7;text-decoration:none;">healthyourway.co.uk</a> 
       </h4> 
       <h4 style="margin:0;margin-top:10px;font-size:12px;font-weight:normal;color:#0c6eb7;"> 
        <img src="http://i.imgur.com/bBNmf7g.png" alt="Address" style="height:20px;vertical-align:middle;margin-right:5px;"> <div style="display:inline-block;vertical-align:middle;width:calc(100% - 30px);color:#0c6eb7;">Queens Gardens Business Centre, 31 Ironmarket, Newcastle-under-Lyme<br>Staffordshire, ST5 1RP</div> 
       </h4> 
      </div> 
      <div style="width:100%;background:#fff;border-top:1px solid #eee;"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
     <td style="padding:15px;color:#cccccc;font-size:11px;"> 

      <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
    <tr> 
     <td width="160"><img src="http://i.imgur.com/ZSms6VI.jpg" width="150" height="60" style="width:150px;height:60px;" alt="Health Your Way"></td> 
     <td><img src="http://i.imgur.com/sXHE0gU.jpg" width="150" height="60" style="width:150px;height:60px;" alt="CredAbility"></td> 
    </tr> 
    </tbody> 
</table> 



       </td> 
    </tr> 
    <tr> 
     <td style="padding:15px;color:#cccccc;font-size:11px;"><p>This message may contain confidential information. If you are not the intended recipient please inform the sender that you have received the message in error before deleting it. 
    Please do not disclose, copy or distribute information in this e-mail or take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful.</p></td> 
    </tr> 
    </tbody> 
</table> 
<div> 

      </div> 
     </div> 

     </body> 
    </html> 

答えて

1

無料の画像ホスティングは、メールマーケティングにはお勧めできません。無料の画像ホスティングでは、画像への訪問回数が制限されることがあります。割り当てられた時間枠内で、ユーザー(またはあなた自身)がイメージを何度も見たときにイメージが読み込まれないことがあります。私の提案は、それをhealthourway.co.ukのサーバーにロードし、それをそれにリンクすることです。

乾杯

0

のための素晴らしいことだ上の任意の手掛かりを持っている場合、私は、インターネット上で検索し、多分あなたは、画像へのリンクを追加する必要があることを決めます画像を表示するにはhttpの代わりにhttpsとしてください。

+0

JsFiddleを使って共有できますか?私はモバイルを使用しています – brotherperes

+1

[ここにいる](https://jsfiddle.net/mastershaig/awzp36wp) –

+1

私はそれを試してみます –

関連する問題