css - Displaying images in email by default -


i sent test email using mailchimp of edm have custom designed coded. works fine except images won't display unless click 'display images'. i'm viewing in gmail on firefox. strange considering other emails sent me have images displayed automatically. coding or setting in mailchimp?

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">     <head>         <meta http-equiv="content-type" content="text/html; charset=utf-8" />         <title>grill10 | results</title>     </head>      <body>         <center>             <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodytable" style="background:#3b4040;                    padding-bottom: 100px;">                  <!-- header -->                 <tr>                     <td height="90px" width="100%" id="bodytable" align= "center" style="background-image:     linear-gradient(to right, #f00439, #f28d0d);" >                         <img src="http://www.robertkoh.net/grill10site/img/g10logoedm.png">                     </td>                 </tr>                  <!-- ____ completed quiz -->                 <tr>                     <td height="40px" width="100%" align= "center" style="display:inline-block;                                                                           color:white;                                                                           font-family:arial;                                                                           font-size: 20px;                                                                           margin-top: 20px;"                                                                            >                           <p id="username" style="display:inline-block;                                                 font-weight: bold;                                                 color:white;                                                 font-family:arial;">janet</p>                                                 completed quiz:                     </td>                 </tr>                  <!-- quiz name -->                 <tr>                     <td height="60px" width="100%" align= "center" style=                                                                     "                                                                      color:white;                                                                     font-family:arial;                                                                     font-size: 25px;                                                                     text-transform: uppercase;                                                                     line-height: 30px;                                                                     padding-left: 10px;                                                                     padding-right:10px;" >                           <p id="quizname" style="display:inline-block;                                                 ">lakers franchise history long title</p>                         </td>                 </tr>            <tr>             <td>               <table align="center" >                 <tr>                   <td id= "scorebox" width= "80%" align="center" style="                                                                                       color:white;                                                                                       font-family:arial;                                                                                       font-size: 25px;                                                                                       line-height: 10px;                                                                                       padding-bottom: 20px;                                                                                       padding-left: 10px;                                                                                       padding-right: 10px;                                                                                       vertical-align: middle;">                     <p id="username" style="font-weight:bold;display:inline-block;">janet smorthsenworth</p> scored 8/10                   </td>                 </tr>               </table>             </td>           </tr>                   <!-- prompt -->            <tr>             <td>               <table align="center" >                 <tr>                   <td id= "scorebox" width= "80%" align="center" style="                                                                                       color:white;                                                                                       font-family:arial;                                                                                       font-size: 20px;                                                                                       line-height: 28px;                                                                                       padding-bottom: 20px;                                                                                       padding-left: 10px;                                                                                       padding-right: 10px;                                                                                       vertical-align: middle;">think can better? click below try yourself!                   </td>                 </tr>               </table>             </td>           </tr>                  <!-- cta button -->                 <tr>                     <td>                         <a href="#" style="text-decoration: none;">                             <table height="50px" width="280px" align= "center" style="background: #68c357;                                                                                       border-bottom: 6px solid #009d22;                                                                                       color:white;                                                                                       font-family:arial;                                                                                       text-decoration: none;                                                                                       ">                                 <tr>                                     <td align= "center">                                         grill me                                     </td>                                 </tr>                             </table>                         </a>                     </td>                  </tr>                    <!-- social -->                  <tr>                     <td align="center">                         <a href="#"><img src="http://www.robertkoh.net/grill10site/img/fbedm.png" style="margin-top: 40px; margin-right: 13px;"></a>                         <a href="#"><img src="http://www.robertkoh.net/grill10site/img/twitteredm.png"></a>                     </td>                  </tr>                     </table>           </center>     </body> </html> 

there literally nothing on end (as sender) can image blocking. default setting client-side , controlled user/recipient.

this security measure used many email clients protect users potential malicious attacks via downloaded files/images. there have been many use cached image system allows images downloaded in sandbox server email client scans file potential issues. doing this, allows images safely displayed recipient automatically download vetted sandbox , not direct unprotected source.

if you, personally, want gmail display images automatically, please go here instructions: https://support.google.com/mail/answer/145919?hl=en


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -