2017-03-05 101 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

免費圖片託管不推薦用於電子郵件營銷。有時免費圖像託管會限制訪問圖像的次數。您的圖像可能無法加載,因爲用戶(或您自己)已在分配的時間範圍內多次查看圖像。我的建議是將其加載到healthyourway.co.uk的服務器,然後將其鏈接到該服務器。

乾杯

0

我搜索互聯網上是巨大的,並決定,也許你應該添加圖片鏈接用https而不是http來顯示圖像。

+0

你能分享使用JsFiddle嗎?我正在使用手機 – brotherperes

+1

[你在這裏](https://jsfiddle.net/mastershaig/awzp36wp) –

+1

我會盡力謝謝你 –

相關問題