css - plantilla - El correo electrónico con formato HTML no se muestra en absoluto en Gmail pero está en otros clientes de correo
plantilla email html (3)
Actualmente estoy enviando correos con formato html desde la función de correo de PHP () y comprobándolos simplemente para asegurarme de que se muestran como HTML (dejando de lado el formato, soy consciente de que el formato variará (probablemente drásticamente) de cliente a cliente) . Se muestran como HTML en el cliente de Apple Mail, así como en mi iPhone. Sin embargo, Gmail simplemente se niega a mostrarlo como HTML como todos. Y con eso no me refiero a que está formateado incorrectamente, simplemente no está usando HTML, parece.
La parte extraña es que se está cargando un img de una etiqueta, pero eso es todo ... ¿es que estoy usando principalmente divs para el diseño y eso es demasiado nuevo para Gmail o algo así (frente a las tablas)?
En cuanto a CSS y lo que no, ver la fuente en bruto muestra lo siguiente:
<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>
Tanto como:
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)
Estoy confundido sobre por qué los clientes de terceros lo mostrarían bien, pero Gmail simplemente lo ignora.
GMail no admite etiquetas <style>
y tampoco lo hace una cantidad de clientes. Para hacerte la vida más fácil, puedes usar convertir para convertir tus etiquetas de estilo a CSS en línea: http://beaker.mailchimp.com/inline-css
Gmail no es compatible con la etiqueta <style>
. Debe usar css en línea para que gmail funcione correctamente.
Aquí hay una lista de referencias. http://www.campaignmonitor.com/css/
Veo que estás usando un ID llamado #footer. Parece que Google no reconoce ese nombre cuando se trata de correos. Tenga en cuenta que en el código de fuente que se ve en gmail, toda su identificación puede aparecer con "exc" + idName, excepto #footer. Intenta usar un nombre diferente.