एचटीएमएल ईमेल में अंतर

Question

मैं एक छोटा ऐप डिज़ाइन कर रहा हूं जो सामान्य सामग्री वाले 6 डिज़ाइन टेम्पलेट्स में से एक को ईमेल कर सकता है।

क्या सबसे अच्छा (सबसे सुसंगत) जिस तरह से अंतरिक्ष और पाठ के लेआउट (लाइनों आदि के बीच) बनाए रखने के लिए

हम साधारण <br> उपयोग करने के बारे में सोच रहे थे, लेकिन हम कुछ और की तुलना में कुछ लचीलापन खो सकता है। यह एक मेज आधारित लेआउट

चीयर्स

Answer 1

याहू (और संभवतः अन्य ईमेल क्लाइंट) सबसे दूसरों की तुलना में अलग तरह से <p> व्याख्या का एक उदाहरण है - यह एक <p> दाईं ओर देखें करना मुश्किल है याहू इसे अन्य सभी में गलत दिखने के बिना। मेरे अनुभव में आपको <br /> का उपयोग करके लाइन-ऊंचाई और निश्चित रूप से फ़ॉन्ट आकार के साथ स्पेसिंग/स्वरूपण पर अधिक नियंत्रण प्राप्त होगा। आप स्पेस को और भी विशेष रूप से ट्विक करने के लिए <br /> एक इनलाइन line-height शैली टैग कर सकते हैं।

हालांकि :

• आउटलुक 2007/2010 line-height प्रॉपर्टी को नकारने जाता है।
• margin शैलियों का उपयोग सभी ईमेल क्लाइंटों द्वारा अलग-अलग किया जाता है और/या अनदेखा किया जाता है। जब संभव हो तो margin के बजाय padding का उपयोग करना थोड़ा और विश्वसनीय है।

में सबसे अच्छा रिक्ति & लेआउट नियंत्रण उपलब्ध एचटीएमएल के लिए ईमेल (जो तालिका आधारित लेआउट और इनलाइन शैलियों तक ही सीमित है, जैसा कि आप जानते हैं) अलग तालिका कोशिकाओं/पंक्तियों में अलग करने के लिए पाठ की तर्ज/पैराग्राफ है , तत्वों के width & height के साथ नियंत्रण रिक्ति। इस विधि के साथ, आप लगभग हमेशा style="border:0; margin:0; padding:0;"

Answer 2

सबसे अच्छा तरीका है आज प्रति पंक्ति और शैली एक p तत्व का उपयोग करें कि सीएसएस के साथ है।

और आपको div एस और सीएसएस शैलियों के साथ अधिकांश तालिका आधारित लेआउट को प्रतिस्थापित करने पर विचार करना चाहिए (सिवाय इसके कि आपको एक ही ऊंचाई के साथ क्षैतिज तत्वों की आवश्यकता है, स्पष्ट रूप से)।

मेरा उत्तर बेहतर होगा यदि आप एक विशिष्ट समस्या बताएंगे जैसे: "मैं HTML के साथ यह <insert image here> कैसे प्राप्त कर सकता हूं?"

Answer 3

आपको ईमेल मार्कअप में इनलाइन शैलियों का उपयोग करना चाहिए।

यहाँ पैराग्राफ लगातार अलग करने के लिए कैसे अपने ईमेल के भीतर निर्माण

<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p> 
<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p> 

Answer 4

अपने आप को एक पक्ष बनाओ और read this article from Email on Acid पर कुछ समय लें। यह बहुत मदद करने जा रहा है! और मैं गंभीर हूं ...