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
Post a Comment