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コードですよ?
を参照してくださいOutlookで背景画像を使用します。 – TricksfortheWeb
私はすでにHTMLで表示していますが、私はバックグラウンドで使用したイメージをロードしていません@TricksfortheWeb –
[Might help](http://stackoverflow.com/questions/16441034/background-images-not-working-in- outlook-2007-later-later) – Dherya