2016-08-24 36 views
0

HTML Emailerを作成しています。私がyahooメールをチェックインすると、イメージがemailerにあります。 GmailやMS Outlookには存在せず、Outlook Mailでも表示されています。HTMLメール:画像がMS OutlookとGmailに表示されない

だから、画像はYahoo、Outlookのメールに表示されています。しかし、Gmailやローカル見通しソフトウェアには表示されません。

は私が 常に許可する外部の画像

私が知りたいことをGmailの設定のラジオボタンをチェックしているが、テーブル構造が異なる電子メールエンジンに影響を与えていますか?

<!--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">&nbsp;</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 at 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 at 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">&nbsp;</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> 
 
                
 

 
               

+0

は、背景画像などのimgタグやCSSの画像はありますか? –

+0

いくつかは画像タグにあり、一部は背景画像になっています –

+0

Outlookのようなメールクライアントでは背景画像がサポートされていないので、避けるのが最善です - https://www.campaignmonitor.com/css/ –

答えて

0

サーバに画像をアップロードしてみて、完全なURLを追加します。

+0

done ..ありがとう.. :) –

+0

どうぞよろしくお願いします。 :) これには追加の利点があります...あなたはあなたが電子メールを開いた受信者の数を把握するために、サーバー上の画像のビューを数えることができます... – Andrej

関連する問題