HTML電子メールテンプレートMailchimp、OutlookとGmailのCSSの問題

私はHTML Emailテンプレートを開発し、Mailchimpにインポートしました。それはテストモードで完璧に動作します。送信すると、Gmail、Outlook、Windows MailにはCSSスタイルの読み込みに問題があります。 HTMLのみを表示します。HTML電子メールテンプレートMailchimp、OutlookとGmailのCSSの問題

次に、CSSをリンクせずにテーブルを使って開発しようとしましたが、MailchimpのテストやGmail、Outlook、Windows Mailの問題にも完全に対応しました。表のSTYLE属性までロードしていないため。

助けてください。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Email Design</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
</head> 
    <body style="margin: 0; padding: 0;"> 
<table align="center" border="1" cellpadding="0" cellspacing="0" width="600" background="img/beton.jpg" style=""> 
<tr> 
    <td > 
<img src="img/logo.png" alt="Creating Email Magic" width="160" height=auto align="right" style="padding: 49px 60px; 0 0; left:548px; display: block;" /> 
<a href="facebook.com"><img src="img/facebook.png" alt="Creating Email Magic" width="50" height=auto align="right" style="padding: 39px 0px 0 0px; 0 0; left:548px; display: block;" /></a> 
     <img src="img/newsletter_h1.png" alt="Creating Email Magic" width="342" height=auto align="left" style="padding: 0px 00px; 0 0; display: block;" /> 


</td> 
</tr> 
<tr> 
    <td > 
    Row 2 
    </td> 
<tr> 
    <td > 
    Row 3 
    </td> 
</tr> 
</table> 

     <div></div> 
</body> 




</html>

出典

2016-11-10 Anvar Erkinov

コードを投稿できますか？ –

電子メールはWebページと同じように機能しません。電子メールは、テーブルのHTML4 Webページを作成するようなものです。ここでは、電子メールクライアントのサポートのCSSのガイドです：https://www.campaignmonitor.com/css/ - また、酸の電子メールのようなものであなたの電子メールをテストする価値がある：https：//www.emailonacid.com/ – Andrew

あります電子メールテンプレートをコーディングする際に多くの制約がある場合は、電子メールクライアントのサポートについてのmailchimpsのドキュメントをご覧ください> https://templates.mailchimp.com/resources/email-client-css-support/また、パディング/マージンをリセットする必要がありますあなたのすべてのの、短い手cssも使用しないでください。 –

メールでヘッダータイプで発行される可能性があります。以下のようにヘッダーを確認してください。

// Always set content-type when sending HTML email 
$headers = "MIME-Version: 1.0" . "\r\n"; 
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";

出典

2016-11-10 10:55:12

HTML電子メールテンプレートMailchimp、OutlookとGmailのCSSの問題

答えて

関連する問題