2017-02-07 12 views
0

私はWebプログラムを作成し、PHPMailerを使用してクライアントに電子メールを送信します。PHPMailerとOutlook電子メールクライアント

ウェブメール(例:GmailまたはYahooウェブ)を使用してメールを開くと、メールは私が望むように見えます。

しかし、Outlookの電子メールクライアントで開くと、テキスト以外は表示されません。

私は

<html lang="en"> 
    <meta name="format-detection" content="date=no"> 
    <meta name="format-detection" content="email=no"> 
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
     <title><?php echo $title?></title> 
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 
     <style type="text/css"> 
      body 
      { 
       font-family: 'Open Sans', sans-serif; 
       -webkit-print-color-adjust: exact; 
      } 

      .kotakUtama { 
       z-index: 1; 
       /*margin: 0 auto;*/ 
       width: 520px; 

       /*padding-top: 30px;*/ 
       background: url("<?php echo base_url()?>assets/img/background/<?php echo $gambar?>.jpg"); 
       height: <?php echo $height?>px; 
      } 

      .headerVoucher 
      { 
       margin-top: 40px; 
       width:100%; 
       display:inline-block; 
       text-align:center; 
       font-size: 30pt; 
      } 

      .wordVoucher 
      { 
       margin-top: 20px; 
       width:100%; 
       display:inline-block; 
       text-align:center; 
       font-size: 12pt; 
      } 

      .kotakVoucher 
      { 
       margin-top: <?php echo $margin?>px; 
       margin-left: 25%; 
       width:50%; 
       font-weight: bolder; 
       display:inline-block; 
       text-align:center; 
       font-size: 20pt; 
       color: <?php echo $color?>; 
      } 

      .logoBrand 
      { 
       /*position:fixed;*/ 
       z-index:10; 
       display: block; 
       margin: auto; 
      } 
     </style> 

     <script> 
      $(document).ready(function(){ 
       <?php 
       if($status == 'printVoucher') 
       { 
        // echo("Masuk"); 
       ?> 
        window.print(); 
       <?php 
       } 
       ?> 
      }) 
     </script> 
    </head> 

    <body> 
     <!-- <div class="container" id="nonCanvas" style="padding-left:30px;padding-right:30px;"> 
      <div class="row" style="height:5vh;"> 
      </div> 

      <div class="row" style="height:80vh;padding:0;"> 
       <div class="col-md-offset-3 col-md-6"> --> 
       <table style="margin: 0 auto"> 
        <tr style="height:20px;"> 
         <td></td> 
        </tr> 
        <tr>   
         <td width="520px"> 
          <div class="kotakUtama"> 
           <!--<img src="<?php //echo base_url()?>assets/img/logo/<?php //echo $gambar?>.png" class="logoBrand">--> 
           <?php if($gambar <> "URBANICON" && $gambar <> "FOSSIL"){?> 
           <span class="headerVoucher">Terima Kasih !</span> 
           <span class="wordVoucher"> 
            Kami sangat mengapresiasi bantuan Anda sehingga kami 
            <br/> 
            bisa menjadi lebih baik. Sebagai apresiasi atas bantuan 
            <br/> 
            Anda, kami memberikan potongan Rp100.000 untuk 
            <br/> 
            pembelian Anda berikutnya dalam 30 hari. 
            <br/> 
            Kode voucher Anda : 
           </span> 
           <?php } ?> 
           <span class="kotakVoucher"> 
            <?php echo $voucher;?> 
           </span> 
           <?php if($gambar <> "URBANICON" && $gambar <> "FOSSIL"){?> 
           <span class="wordVoucher"> 
            Kode ini berlaku untuk 1 kali pemakaian dan harus 
            <br/> 
            digunakan dalam 30 hari 
           </span> 
           <?php } ?> 
           <!-- <span class="wordVoucher"> 
            Untuk melihat koleksi <?php //echo $brand;?> lainnya, 
            <br/> 
            kunjungi <?php //echo $webBrand;?> 
           </span> --> 
          </div> 
         </td> 
        </tr> 
       </table> 
       <!-- </div> 
      </div> 
     </div> --> 
    </body> 
</html> 

は私のHTML形式の電子メールは、Outlook上で適切に表示することはできません作成したすべての誤ったコードがありますです..メールにHTMLコードを使用して、ここで電子メールのHTMLコードですよ?

+0

を参照してくださいOutlookで背景画像を使用します。 – TricksfortheWeb

+0

私はすでにHTMLで表示していますが、私はバックグラウンドで使用したイメージをロードしていません@TricksfortheWeb –

+0

[Might help](http://stackoverflow.com/questions/16441034/background-images-not-working-in- outlook-2007-later-later) – Dherya

答えて

関連する問題