मैं एक ईमेल टेम्पलेट स्थापित कर रहा हूं और कुछ छवियों के शीर्ष को काटा जा रहा था। यह छवियोंआउटलुक 2013 छवि के शीर्ष को काट रहा है?
<td style="line-height: 0"><img src="http://domain.com/image.png"></td>
मैं टीडी पर पंक्ति ऊंचाई कम है के लिए मेरे कोड है ताकि सफेद स्थान नीचे हटा दिया जाएगा क्योंकि मैं इसे नीचे दी गई छवि को छू जाना चाहते हैं।
शीर्ष छवि में कटौती का थोड़ा सा हिस्सा है, हालांकि मैं इसे कैसे ठीक कर सकता हूं?
तरह से मैं तय इस का उपयोग नहीं करने के लिए line-height था और इसके बजाय ब्लॉक प्रदर्शित करने के लिए छवि की स्थापना की और इस छवि को समस्याओं का हल नहीं है और अभी भी
नीचे सफेद स्थान से हटाया<td><img src="http://domain.com/image.png" style="display:block;"></td>
आशा इस कोई मदद करता है!
Alway सभी छवियों पर Display:block का उपयोग, वरना आप समय-समय पर कुछ सफेद रिक्त स्थान मिल जाएगा :)
मेरे परीक्षणों से पता चलता है कि Outlook 2013 में, पहले आउटलुक संस्करणों के विपरीत, 0 को line-height की स्थापना का कारण होगा कंटेनर निहित छवि से छोटे होने के लिए। नतीजा यह है कि निहित छवि का शीर्ष फसल हो गया है। एकमात्र तरीका मैं इसे ठीक कर सकता था, लाइन-ऊंचाई को 0 के अलावा किसी अन्य मान पर सेट करना था। मैंने लाइन-ऊंचाई का उपयोग किया: 17 पीएक्स और छवियों को ठीक से प्रदर्शित किया गया। यह 0 से किसी भी अन्य मूल्य के साथ काम कर सकता है - मैंने 17px से कम मानों का परीक्षण नहीं किया।
प्रदर्शन सेट करना: ब्लॉक ने इसे ठीक नहीं किया। चूंकि यह केवल Outlook 2013 के साथ एक समस्या है और किसी भी पुराने Outlook संस्करण या अन्य मोबाइल या डेस्कटॉप ईमेल क्लाइंट को प्रभावित नहीं करता है, यह मानना सुरक्षित है कि यह Outlook 2013 बग है और माइक्रोसॉफ्ट से एक फिक्स की उम्मीद नहीं है। इसलिए यदि कोई मेरे निष्कर्षों की पुष्टि कर सकता है, तो माइक्रोसॉफ्ट के खराब एचटीएमएल ईमेल समर्थन को समायोजित करने के लिए वर्कअराउंड के पहले से ही बड़े पैमाने पर पैलेट में इस वर्कअराउंड को एकीकृत करना एक अच्छा विचार होगा।
टेक्स्ट ब्लॉक में छवियों को सम्मिलित करते समय मैंने MailChimp में इस समस्या का अनुभव किया। इसे हल करने के लिए, मैंने टेक्स्ट ब्लॉक के लिए लाइन-ऊंचाई को डबल स्पेस पर सेट किया है। उसके बाद, मैंने अपने टेम्पलेट में प्रत्येक ब्लॉक के लिए सभी शैलियों को रीसेट कर दिया। उम्मीद है की यह मदद करेगा!
मुझे ओएल 2013/16 के साथ एक ही समस्या थी।
सबसे अच्छा समाधान यह निर्दिष्ट करना है कि लाइन-ऊंचाई पिक्सल में व्यक्त की गई है।
line-height:0; से line-height: 0px बदलें।