HTML Email: Images are not showing in MS Outlook and Gmail -
i creating html emailer. when check in yahoo mail, images there in emailer. not there in gmail , ms outlook, , displaying in outlook mail, too.
so images displaying in yahoo, outlook mail. not displaying in gmail , local outlook software.
i have checked radio button of gmail setting always allow external images
i want know table structure affects different email engine?
<!--email_cover_page--> <!-- speakers --> <table class="speakers" style=" border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;background: #fa4b00;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> <tbody> <tr> <td style=" border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;font-size:0px; line-height:0px; mso-line-height-rule: exactly;" align="center" height="30" valign="top"> </td> </tr> <tr> <td align="center" valign="top"> <table class="container" style=" border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="600"> <tbody> <tr> <td> <table class="container" style=" border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="600" > <tbody> <tr> <td class="h1" style=" border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; background-image:url(../title-bg2.png); background-size:cover; background-position:30px;font-family: 'montserrat', sans-serif;font-size: 26px; color:white;text-align:left; letter-spacing: normal; padding-left:50px;padding-bottom: 30px;padding-right:10px;line-height: 22px;" align="center"> <img src="../speaker_icon.png" width="25" height="25" style="vertical-align: middle; border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><span style="font-weight:600;"><span class="wrap_textbox">speakers</span></span> </td> </tr> </tbody> </table> </td> </tr> <!--speakers images & designation--> <tr> <table> <tr> <td> <!--speaker 1 --> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; " align="left" border="0" cellpadding="0" cellspacing="0" > <tbody> <tr> <td align="center"> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none; " alt="" src="../mahesh_murthy.jpeg" border="0" height="110" width="110" ></a></p> </td> </tr> </tbody></table> </td> </tr> <tr> <td class="h2" style=" font-weight: bold ;font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 10px;padding-top: 5px;padding-bottom: 0px;text-align: center;color:#ffffff;"> <span class="wrap_textbox">mr. mahesh murthy</span> </td> </tr> <tr> <td class="h2" style="font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 8px;text-align: center;color: #ffffff;"> <span class="wrap_textbox">co-founder @ seefund</span> </td> </tr> </tbody> </table> <!--speaker 2--> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > <tbody> <tr> <td align="center"> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" border: 3px solid antiquewhite ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="../r_chandrashekhar.jpeg" border="0" height="110" width="110" ></a></p> </td> </tr> </tbody></table> </td> </tr> <tr> <td class="h2" style=" font-weight: bold ;font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 10px;padding-top: 5px;padding-bottom: 0px;text-align: center;color:#ffffff; "> <span class="wrap_textbox">mr. r chandrasekhar</span> </td> </tr> <tr> <td class="h2" style="font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 8px;text-align: center;color: #ffffff;"> <span class="wrap_textbox">president of nasscom</span> </td> </tr> </tbody> </table> <!--speaker 3 --> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > <tbody> <tr> <td align="center"> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" border: 3px solid rgba(255, 255, 255, 0.7) ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="../jay_panda.jpeg" border="0" height="110" width="110" ></a></p> </td> </tr> </tbody></table> </td> </tr> <tr> <td class="h2" style=" font-weight: bold ;font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 10px;padding-top: 5px;padding-bottom: 0px;text-align: center;color:#ffffff;"> <span class="wrap_textbox">mr. jay panda</span> </td> </tr> <tr> <td class="h2" style="font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 8px;text-align: center;color: #ffffff;"> <span class="wrap_textbox">member of parliament</span> </td> </tr> </tbody> </table> <!--speaker 4 --> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > <tbody> <tr> <td align="center"> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><a class="modimg" style="text-decoration: none!important;" href="#"><img style=" border: 3px solid rgba(255, 255, 255, 0.7) ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" alt="" src="../shazia_ilmi.jpeg" border="0" height="110" width="110" ></a></p> </td> </tr> </tbody></table> </td> </tr> <tr> <td class="h2" style=" font-weight: bold ;font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 10px;padding-top: 5px;padding-bottom: 0px;text-align: center;color:#ffffff;"> <span class="wrap_textbox">ms. shazia ilmi</span> </td> </tr> <tr> <td class="h2" style="font-family: 'proxima_nova_rgregular', arial, helvetica, sans-serif;font-size: 8px;text-align: center;color: #ffffff;"> <span class="wrap_textbox">spokesperson @ bjp</span> </td> </tr> </tbody> </tr> <tr> <td style="font-size:0px; line-height:0px; mso-line-height-rule: exactly;" align="center" height="5" valign="top"> </td> </tr> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><img style=" border: 3px solid rgba(255, 255, 255, 0.7) ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic; padding-top: 15px;" alt="" src="../indextb.jpg" border="0" height="40" width="90" ></p> </td> </tr> </tbody></table> </td> </tr> </tbody> </table> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > <tbody> <tr> <td align="center"> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" ><img style=" border: 3px solid rgba(255, 255, 255, 0.7) ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic; padding-top: 15px;" alt="" src="../transstadia.jpg" border="0" height="40" width="90" ></p> </td> </tr> </tbody></table> </td> </tr> </tbody> </table> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > <tbody> <tr> <td align="center"> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><img style=" border: 3px solid rgba(255, 255, 255, 0.7) ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic; padding-top: 15px;" alt="" src="../claris.jpg" border="0" height="40" width="90" ></p> </td> </tr> </tbody></table> </td> </tr> </tbody> </table> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt; margin: 0 auto; margin-left: 15px; " align="left" border="0" cellpadding="0" cellspacing="0" > <tbody> <tr> <td align="center"> <table style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;" align="center" border="0" cellpadding="0" cellspacing="0" width="120"> <tbody><tr> <td align="center" height="100" valign="top" width="100"> <p style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;"><img style=" border: 3px solid rgba(255, 255, 255, 0.7) ; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic; vertical-align: middle;" alt="" src="../arvind.jpg" border="0" height="70" width="70" ></p> </td> </tr> </tbody></table> </td> </tr> </tbody> </table> </td> </tr> </table>
put images on server , give path ,
Comments
Post a Comment