Email ne s'affiche pas du tout dans Gmail mais à d'autres clients de messagerie
Je suis actuellement à l'envoi d'e-mails au format html à partir de PHP mail() et la fonction de la vérification simplement pour s'assurer qu'ils sont en train d'apparaître comme HTML (mise en forme de côté, j'en suis bien conscient que la mise en forme varie (probablement de façon drastique) de client à client). Qu'ils sont affichés au format HTML dans la Pomme de client de Messagerie, ainsi que sur mon iPhone. Cependant, Gmail refuse tout simplement de l'afficher au format HTML que tous. Et que je ne veux pas dire qu'elle est correctement mise en forme, il n'est tout simplement pas à l'aide de HTML, il apparaît.
Ce qui est curieux, c'est qu'une img à partir d'une étiquette est en cours de chargement, mais c'est à ce sujet... est-ce que je suis la plupart du temps à l'aide de vrd pour la mise en page et c'est trop nouveau pour Gmail ou quelque chose (vs tables)?
Autant que CSS et ce n'est pas va, l'affichage de la source brut est le suivant:
<html><head><style>body { background-color: #F2F2F2; font-family: Arial; color: #5C5C5C; font-size: 11pt; } a { color: #46AAFF; text-decoration: none; } #container { width: 750px; margin-right: auto; margin-left: auto; } #header { float: right; padding: 3px; height: 30px; } #header a { color: #666666; margin-right: 10px; } #mainBody { padding: 20px; background-color: #FFF; border: 1px solid #DADADA; border-radius: 3px; } #imageArea { border-top: solid #E8E8E8 1px; margin: 15px; } #singleImageArea { width: 250px; padding: 15px; } #singleImageArea p { float: right; line-height: 30px; width: 130px; margin-top: 20px; } #footer { padding: 10px; color: gray; } #footer p { text-shadow: 0px 2px #FFF; font-size: 10pt; } #footer a { color: #ADADAD; float: right; padding-left: 20px; padding-right: 20px; } #footer img { width: 35px; height: 23px; padding: 10px; float: left; } </style></head><body><div id="container"><div id="header"><a href="http://appname.local/login/">Login</a></d
iv><div style="clear: both;"></div><div id="mainBody"><h1>Hi Josh Holat!</h1>You've sent a request to <strong>reset</strong> your appname password. Just click the link below <em>(or copy and paste it into your browser)</em> and follow the instructions to set a new password. The link will expire in one hour.<br/><br/><a href="http://appname.local/sb/reset-password/?r=2768af61698fcde9c04f9449351575d6bfe6d720">http://appname.local/sb/reset-password/?r=2768af61698fcde9c04f9449351575d6bfe6d720</a><br/><br/>If you feel this request was submitted in error, don't worry; you can safely ignore this e-mail and your password will not be changed.<br/><br/>Much Love,<br/>Us</div><!-- #mainBody --><div id="footer"><img src="http://appname.local/images/email/footer_sb.png" /><p>© 2011 appname, Inc. All Rights Reserved <a href="http://appname.local/sb/legal/">Legal</a><a href="http://appname.local/sb/contact/">Contact</a><a href="http://s
tagebloc.local/sb/developers/">Developers</a><a href="http://appname.local/sb/blog/">Blog</a></p></div><!-- #footer --></div><!-- #container --></body></html>
Ainsi que:
Delivered-To: appname@gmail.com
Received: by 10.229.40.2 with SMTP id i2cs133298qce;
Sun, 28 Aug 2011 14:29:08 -0700 (PDT)
Received: by 10.42.152.199 with SMTP id j7mr4419937icw.417.1314566947950;
Sun, 28 Aug 2011 14:29:07 -0700 (PDT)
Return-Path: <_www@joshholat.local>
Received: from joshholat.local (arh2281.urh.uiuc.edu [130.126.70.193])
by mx.google.com with ESMTP id w3si6800550icz.109.2011.08.28.14.29.06;
Sun, 28 Aug 2011 14:29:06 -0700 (PDT)
Received-SPF: neutral (google.com: 130.126.70.193 is neither permitted nor denied by best guess record for domain of _www@joshholat.local) client-ip=130.126.70.193;
Authentication-Results: mx.google.com; spf=neutral (google.com: 130.126.70.193 is neither permitted nor denied by best guess record for domain of _www@joshholat.local) smtp.mail=_www@joshholat.local
Received: by joshholat.local (Postfix, from userid 70)
id 775063662E01; Sun, 28 Aug 2011 16:29:06 -0500 (CDT)
To: Josh Holat <appname@gmail.com>
Subject: Password Reset Request
X-PHP-Originating-Script: 501:Email.php
From: appname <noreply@appname.com>
Content-type: text/html
Message-Id: <20110828212906.775063662E01@joshholat.local>
Date: Sun, 28 Aug 2011 16:29:06 -0500 (CDT)
Je suis confus quant à pourquoi les tiers clients montrerait bien, mais Gmail simplement l'ignorer?
- Vous pouvez poster l'intégralité de la source (y compris les en-têtes) de l'un de vos messages?
- Votre HTML-exemple se termine après l'ouverture
<body>
-tag... - J'ai ajouté tous les en-têtes ainsi que le reste de l'HTML
Vous devez vous connecter pour publier un commentaire.
Gmail ne prend pas en charge la
<style>
tag. Vous avez besoin d'utiliser du css pour gmail fonctionne correctement.Voici une liste de référence.
http://www.campaignmonitor.com/css/
<style>
balises dans le<head>
. À partir du lien: "Gmail prend en charge les styles intégrés (<style>). Cependant, les styles intégrés sont pris en charge uniquement dans le head de votre document HTML. Le Gmail Android et iOS ne prend pas en charge <style> à tous lors du rendu d'e-mails récupérés par le biais de non-comptes Google".GMail ne prend pas en charge
<style>
balises et ni ne un certain nombre de clients. Pour rendre votre vie plus facile, vous pouvez utiliser la fonction convert pour convertir vos balises de style de CSS: http://beaker.mailchimp.com/inline-cssJe vois que vous êtes en utilisant un ID nommé #pied de page.
Il semble que Google ne reconnaît pas ce nom lorsqu'ils traitent avec des mails.
Notez que dans la police de code vu à partir de gmail, toutes vos ID peut apparaître avec "exc" + idName, à l'exception de #pied de page.
Essayez d'utiliser un autre nom.
Les réponses ci-dessus sont très bons, je voulais juste ajouter quelques points de plus. Tous les crédits à ce lien:
Gmail prend uniquement en charge les
<style>
dans le<head>
. Gmail prend en charge les styles intégrés (<style>
). Cependant, les styles intégrés sont pris en charge uniquement dans le head de votre document HTML. Le Gmail Android et iOS ne prend pas en charge<style>
à tous lors du rendu d'e-mails récupérés par le biais de non-comptes Google (GANGA).Gmail supprime la totalité de votre
<style>
bloc s'il rencontre une erreur.Gmail ne permet pas négatif CSS valeurs de marge.
Gmail ne prend pas en charge sélecteur d'attribut et de la plupart des pseudo-classes. par exemple,
div[class="content"]{ color: red }
. Gmail ne prend pas en charge les pseudo-classes comme:checked
et:active
.