ई-मेल न्यूज़लेटर्स का लेआउट - "नुकसान"। भाग दो

नमस्ते, प्रिय हभ्रवचन!
कुछ ही दिनों पहले, हमने ई-मेल न्यूज़लेटर्स के लेआउट के लिए समर्पित विषय का पहला भाग प्रकाशित किया, और अधिक विशेष रूप से - छवियों का उपयोग। दूसरा भाग लेआउट के चार और "नुकसान" के लिए समर्पित है, जिसे हम खोजने में कामयाब रहे।

दूसरा पत्थर एंकर है

यदि आप कई पृष्ठों पर एक बड़ी मात्रा भेजते हैं, तो आपको समाचार पत्र के अंदर नेविगेट करने की आवश्यकता है। जैसा कि आप जानते हैं, html पेज पर इस तरह के नेविगेशन के लिए "एंकर" का उपयोग किया जाता है। हम सही जगह लिखते हैं - हम लंगर डालते हैं, इस "लंगर" के लिए एक कड़ी डालते हैं:।
आउटलुक एक्सप्रेस , विंडोज लाइव मेल और आउटलुक 2007 के माध्यम से मेल भेजने पर विचार करें।

आउटलुक एक्सप्रेस

• ऑनलाइन सेवाओं में, एंकर काम नहीं करते हैं:
  • gmail.com - सिद्धांत रूप में, "लंगर लिंक" पर स्विच करने में अक्षम करता है;
  • mail.ru - एक त्रुटि वाले पृष्ठ पर एंकर संक्रमण करता है (लिंक पता win.mail.ru/cgi-bin/#anchor में बदल जाता है);
  • yandex.ru - एंकर गैर-मौजूद पृष्ठों पर जाते हैं (लिंक पता mail.yandex.ru/neo2/#anchor में बदल जाता है, पृष्ठ mail.yandex.ru/neo2/#404 पर पुनर्निर्देशित होता है )।
• Outlook 2007 में, संक्रमण भी काम नहीं करते हैं।
• TheBat पर! संक्रमण काम करते हैं।

विंडोज लाइव मेल, आउटलुक 2007

• Mail.ru और yandex.ru ऑनलाइन सेवाओं में, एंकर काम नहीं करते हैं (संक्रमण आउटलुक एक्सप्रेस के समान हैं);
• Gmail.com में, रेफरल काम करते हैं;
• Outlook 2007 में, संक्रमण काम करता है;
• TheBat संक्रमण काम करते हैं।

सारांश तालिका

हम सभी मेल सेवाओं में एंकरों के सही संचालन को प्राप्त करने में विफल रहे। शायद समस्या का समाधान है - अगर कोई संकेत देता है तो हम आभारी होंगे। अन्यथा, लंगर के लिए, संदेश भेजने वाले कार्यक्रमों के रूप में विंडोज लाइव मेल या आउटलुक 2007 का उपयोग करना बेहतर है।

तीसरा पत्थर - सीमाएं और तालिकाओं में संरेखण

कभी-कभी समाचार पत्र में आपको एक विभाजक डालने की आवश्यकता होती है - एक क्षैतिज या ऊर्ध्वाधर रेखा। चूंकि मेलिंग सूचियां टेबल का उपयोग करके टाइपसेट हैं, इसलिए सेल बॉर्डर आमतौर पर विभाजक के रूप में उपयोग किए जाते हैं। हालांकि, ऐसी सीमाओं को पहचानने की एक विशेषता है, जिसके आधार पर मेल प्रोग्राम को मेल भेजा जाता है और किस प्रोग्राम के माध्यम से प्राप्त संदेश को देखा जाता है।

स्थिति पर विचार करें: केवल निचले क्षैतिज सीमा तालिका के लिए निर्धारित है।

हम इसे इस तरह लिखते हैं:

 <table cellspacing="0" cellpadding="0" border="0" width="210" style="width: 210px; border-width:0 0 1px 0; border-style: solid; border-color: #e2e2e2;"> 

हम आउटलुक एक्सप्रेस , विंडोज लाइव मेल और आउटलुक 2007 के माध्यम से आगे बढ़ते हैं।

परिणाम TheBat में है! :

• आउटलुक एक्सप्रेस के एक पत्र में, सीमा सामान्य दिखती है - केवल निचली सीमा दिखाई देती है;
• विंडोज लाइव मेल के एक पत्र में, ऊपर और नीचे की तालिका की सीमाओं को सही ढंग से प्रदर्शित नहीं किया गया है;
• आउटलुक 2007 के एक पत्र में, सभी सीमाओं को तालिका के अंदर प्रदर्शित किया जाता है, जो गलत है।

ऑनलाइन सेवाओं में, बॉर्डर के साथ समस्या केवल आउटलुक 2007 के एक पत्र में दिखाई देती है - रूपरेखा पूरी तरह से मेज पर खींची गई है, और न केवल निचली सीमा पर।

TheBat के माध्यम से संयोजन के साथ आउटलुक 2007 के माध्यम से भेजते समय! सिद्धांत काम करता है: यदि तालिका में कम से कम एक सीमा पंजीकृत है, तो आंतरिक सीमाओं सहित सभी सीमाओं को प्रदर्शित किया जाएगा। ऑनलाइन सेवाओं के माध्यम से प्राप्त करते समय, स्थिति yandex.ru में समान होती है। Gmail.com और mail.ru में स्थिति समान है, केवल आंतरिक सीमाएं प्रदर्शित नहीं की जाती हैं।

तालिकाओं में संरेखण के लिए के रूप में - TheBat में पत्र प्राप्त करते समय एक ख़ासियत है! .. यदि शुरुआत में तालिका संरेखण = "केंद्र" है, तो नेस्टेड तालिकाओं के अंदर हर कोई केंद्रित होगा। इससे बचने के लिए, आपको किसी भी नेस्टेड टेबल पर संरेखित = "बाएं" लिखना होगा।

सारांश तालिका

चौथा पत्थर - इंडेंटेशन

विंडोज लाइव या आउटलुक एक्सप्रेस के माध्यम से भेजते समय, इंडेंटेशन को विभिन्न मेल कार्यक्रमों और सेवाओं में सही ढंग से प्रदर्शित किया जाता है। Outlook 2007 के माध्यम से भेजते समय, निम्न समस्या होती है:
आउटलुक 2007 तालिका में किसी भी सेल की सामग्री को लपेटता है (और वितरण तालिकाओं से बना है)

 <p class="MsoNormal" style=""></p> 

जब आप yandex.ru मेल सेवा में एक पत्र प्राप्त करते हैं, तो पत्र में सभी इंडेंटेशन में वृद्धि होती है। स्पष्टीकरण सरल है: एक संकलित शैली में

 <p class="MsoNormal" style=""> 

मार्जिन-टॉप: 15 पीएक्स और मार्जिन-बॉटम: 15 पीएक्स को चिपका दिया गया है। जब लेआउट, यह ध्यान में रखा जाना चाहिए।

सारांश तालिका

पांचवा पत्थर - टेक्स्ट और लिंक स्टाइल

एक नियम के रूप में, कॉर्पोरेट न्यूज़लेटर्स कॉर्पोरेट पहचान के अनुसार जारी किए जाते हैं, जो कि पाठ और लिंक सहित कुछ फोंट और रंगों के उपयोग का अर्थ है। और यहां हमें 2 समस्याएं मिलीं:

1. फ़ॉन्ट की विफलता

आउटलुक एक्सप्रेस या विंडोज लाइव के माध्यम से भेजने और yandex.ru में पत्र प्राप्त करने पर, पाठ का फ़ॉन्ट "टूट जाता है" यदि फ़ॉन्ट का उपयोग पाठ को प्रारूपित करने के लिए किया जाता है और तालिका सेल में पाठ के सामने एक और तालिका है।

यह है कि जब फार्म का एक डिजाइन का उपयोग कर:

 <td><font color="#525252" size="2" face="Arial"> <table><tr><td><font color="#525252" size="4" face="Arial">1</font></td></tr></table> 2 </font></td> 

टेक्स्ट 2 ब्लॉक का फ़ॉन्ट एक मानक एक के साथ बदल दिया जाता है। यदि आप परिणामी कोड को देखते हैं, तो आप देख सकते हैं:

 <td><font color="#525252" size="2" face="Arial"></font> <table><tr><td><font color="#525252" size="4" face="Arial">1</font></td></tr></table> 2 </td> 

वास्तव में, समापन फ़ॉन्ट टैग तालिका के ऊपर "लपेटता" है।

समाधान: स्पैन टैग का उपयोग करें और शैली विशेषता के माध्यम से फ़ॉन्ट का रंग, आकार और टाइपफेस निर्दिष्ट करें। लेखों में मेलिंग सूचियों का लेआउट: इस बारे में मेलिंग सूचियों का एक आंतरिक रूप और लेआउट पहले ही कहा जा चुका है। तो नेस्टेड टेबल की उपस्थिति में फ़ॉन्ट का "ब्रेकडाउन" स्पैन के पक्ष में एक और तर्क है।

2. लिंक स्वरूपण

आप लिंक टेक्स्ट के रंग और फ़ॉन्ट को बलपूर्वक बदल सकते हैं (लिंक के अंदर शैली और लिंक के लिए फ़ॉन्ट लिखकर, या लिंक को स्पैन में लपेटकर, जो अधिक सही है), को रेखांकित करते हुए - अफसोस, हमेशा नहीं। समाचार पत्र की उपस्थिति इससे खराब होती है। आउटलुक 2007 के माध्यम से भेजने और gmail.com, mail.ru, yandex.ru पर प्राप्त करते समय उनकी शैलियों का बन्धन देखा गया था (नीचे दिए गए उदाहरण हैं, जो शैली में नहीं होना चाहिए):

सारांश तालिका

---

सारांश

डाक का लेआउट एक आसान काम नहीं है। यह संभव है कि अन्य "पत्थर" हैं जो हम बस भर में नहीं आए हैं। यदि आप कोई समस्या और समाधान साझा करते हैं तो हमें खुशी होगी। अधिक जानकारी, भविष्य में कम त्रुटियां;)

और अंत में, हमने पाया "नुकसान" के लिए एक सामान्य सारांश तालिका। आप इसे यहाँ देख सकते हैं ।