2011-08-28 33 views
38

मैं वर्तमान में PHP के मेल() फ़ंक्शन से HTML स्वरूपित ईमेल भेज रहा हूं और यह सुनिश्चित करने के लिए उन्हें जांच रहा हूं कि वे HTML के रूप में दिखाई दे रहे हैं (एक तरफ स्वरूपण, मुझे अच्छी तरह से पता है कि प्रारूपण क्लाइंट से क्लाइंट में भिन्न हो सकता है (शायद भारी)। वे ऐप्पल मेल क्लाइंट के साथ-साथ मेरे आईफोन पर एचटीएमएल के रूप में प्रदर्शित कर रहे हैं। हालांकि, जीमेल बस इसे HTML के रूप में प्रदर्शित करने से इंकार कर देता है। और इसके द्वारा मेरा मतलब यह नहीं है कि यह गलत तरीके से स्वरूपित है, यह बस HTML का उपयोग नहीं कर रहा है।एचटीएमएल स्वरूपित ईमेल जीमेल में बिल्कुल दिखाई नहीं दे रहा है लेकिन अन्य मेल क्लाइंट्स में है

अजीब हिस्सा यह है कि एक टैग से एक आईएमजी लोड किया जा रहा है, लेकिन यह इसके बारे में है ... क्या यह है कि मैं ज्यादातर लेआउट के लिए divs का उपयोग कर रहा हूं और यह जीमेल या कुछ (बनाम टेबल) के लिए बहुत नया है?

जहाँ तक सीएसएस और क्या, चला जाता है कच्चे स्रोत देख कर नहीं के रूप में दिखाता है:

<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>&copy; 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> 

साथ ही:

Delivered-To: [email protected] 
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: <[email protected]> 
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 [email protected]) 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 [email protected]) [email protected] 
Received: by joshholat.local (Postfix, from userid 70) 
    id 775063662E01; Sun, 28 Aug 2011 16:29:06 -0500 (CDT) 
To: Josh Holat <[email protected]> 
Subject: Password Reset Request 
X-PHP-Originating-Script: 501:Email.php 
From: appname <[email protected]> 
Content-type: text/html 
Message-Id: <[email protected]> 
Date: Sun, 28 Aug 2011 16:29:06 -0500 (CDT) 

मैं क्यों तीसरे पक्ष के ग्राहकों के लिए के रूप में उलझन में हूँ होगा इसे ठीक दिखाओ लेकिन जीमेल बस इसे अनदेखा करता है?

+0

क्या आप अपने संदेशों में से एक के पूरे स्रोत (हेडर सहित) पोस्ट कर सकते हैं? –

+0

आपका एचटीएमएल-उदाहरण उद्घाटन '' -टैग के बाद समाप्त होता है ... – feeela

+0

मैंने सभी शीर्षलेखों के साथ-साथ शेष HTML – joshholat

उत्तर

67

जीमेल <style> टैग का समर्थन नहीं करता है। जीमेल के लिए सही तरीके से काम करने के लिए आपको इनलाइन सीएसएस का उपयोग करने की आवश्यकता है।

यहां एक संदर्भ सूची है। http://www.campaignmonitor.com/css/

+13

वास्तव में जोड़ा? वाह। यह बहुत बुरा है ... लिंक के लिए धन्यवाद। – joshholat

+6

वाह, जीमेल से इतना बुरा समर्थन देखना आश्चर्यजनक है जो सबसे लोकप्रिय ईमेल सेवाओं में से एक है! ऐप्पल मेल और एंड्रॉइड 4 (जीमेल) समर्थन के साथ आगे बढ़ने लगते हैं। हालांकि मैं वास्तव में जीमेल के बारे में हैरान हूँ! –

+0

मेलिंग से पहले [इस लाइब्रेरी] (https://github.com/tijsverkoyen/CssToInlineStyles) के माध्यम से अपना एचटीएमएल चला रहा है, यह आपके सिर से शैलियों को ले जाएगा और उन्हें इनलाइन में पार्स करेगा। –

29

जीमेल doesn't support<style> टैग और न ही कई ग्राहक हैं। अपने जीवन को आसान बनाने के लिए, आप अपने स्टाइल टैग को इनलाइन सीएसएस में बदलने के लिए कन्वर्ट का उपयोग कर सकते हैं: http://beaker.mailchimp.com/inline-css

+1

यह इस काम के लिए सबसे तेज़ टूल और लिंक है। धन्यवाद! – Patrick

2

मुझे लगता है कि आप #footer नामक आईडी का उपयोग कर रहे हैं। ऐसा लगता है कि मेल मेल से निपटने पर Google उस नाम को नहीं पहचानता है। ध्यान दें कि जीमेल से देखे गए फ़ॉन्ट कोड में, आपकी सभी आईडी #footer को छोड़कर "exc" + idName के साथ दिखाई दे सकती है। एक अलग नाम का उपयोग करने का प्रयास करें।

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^