2012-02-12 26 views
5

होने के लिए मजबूर कर रहा है तो मैंने भाग्य के बिना इस लड़ाई को जीतने की कोशिश कर अपने जीवन के कई घंटे खो दिए हैं। संक्षेप में, मैं तीन 10 पीएक्स छवियों के साथ एक टेबल भरने की कोशिश कर रहा हूं, लेकिन जीमेल प्रत्येक सेल को 16px होने के लिए मजबूर कर रहा है। यहाँ है कि मैं क्या साथ काम कर रहा हूँ है: वहाँ, इतने सारे अनावश्यक गुण हैंजीएमएल spacer.gif युक्त टीडी को 16px उच्च

<table border="0" cellpadding="0" cellspacing="0" width="550" style="height:10px !important"> 
    <tr style="height:10px" height="10"> 
    <td width="10" height="10" style="height:10px !important"> 
     <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tl.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td> 
    <td width="531" height="10" style="height:10px !important; background-color:#FFFFFF;"> 
     <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/spacer.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td> 
    <td width="9" height="10" style="height:10px !important"> 
     <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tr.gif" style="display:inline; padding: 0px; margin:0px" width="9px" height="10px"></td> 
    </tr> 
</table> 

मेरे क्षमायाचना कि क्योंकि मैं सब कुछ कोशिश कर रहा हूँ। असल में, मैं तालिका को बिल्कुल 10px उच्च बनाने की कोशिश कर रहा हूं। कोई फर्क नहीं पड़ता कि, हालांकि, जीमेल इसे 16 पीएक्स उच्च बनाता है। यदि मैं स्रोत कोड से सीधे तीनों छवियों को हटाने के लिए डेवलपर टूल का उपयोग करता हूं, तो तालिका 10px तक गिर जाती है। इसके अलावा, अगर मैं तीन छवियों में से 2 को हटा देता हूं, तो यह अभी भी 16px रहता है। यह लगभग है जैसे टीडी 16 पीएक्स होना चाहिए यदि इसमें कोई छवि है, या छवि के चारों ओर पैडिंग के 3px है।

क्या किसी ने ऐसा कुछ अनुभव किया है? और यदि हां, तो कोई विचार? मैं विचारों, और विवेक से बाहर चल रहा हूँ ..

+1

क्या हम इस पर अधिक संदर्भ प्राप्त कर सकते हैं? यह कैसे और कहाँ हो रहा है? Gmail.com पर आप गतिशील रूप से टेबल कोड डालने वाले हैं? या आप मौजूदा टेबल को संपादित कर रहे हैं? यह क्रोम एक्सटेंशन के माध्यम से है? – mrtsherman

उत्तर

10

हर्बी की तरह कहा, सुनिश्चित करें कि आपने टीडी पर लाइन-ऊंचाई सेट की है।

यह भी सुनिश्चित करें कि आपके पास फ़ॉन्ट-आकार सेट है, क्योंकि जीमेल उस सेल में स्पेस कैरेक्टर के आधार पर टीडी की न्यूनतम ऊंचाई निर्धारित कर सकता है। आम तौर पर, कक्षों में 1px का फ़ॉन्ट-आकार सेट करना जहां कोई टेक्स्ट नहीं है, अच्छा अभ्यास है।

ऐसा लगता है कि यह HTML ईमेल निर्माण के लिए है, सही? किसी अन्य मुद्दे के लिए इसे देखें - इससे मुझे सुझावों के लिए http://www.emailology.org/#1 और http://www.campaignmonitor.com/resources/ के गुच्छा की मदद मिली है।

+0

हमारे पास विजेता है! धन्यवाद जुआन - मैंने लाइन-ऊंचाई के बारे में भी सोचा नहीं था। उम्मीद है कि मेरे बाल जल्द ही regrow जाएगा .. – Anthony

4

मैं अभी तक टिप्पणी नहीं कर सकता, तो मैं एक जवाब के रूप पोस्ट करेंगे ...

16px पंक्ति-ऊंचाई मूल्य की तरह लगता है। क्या आपने प्रत्येक टीडी की लाइन-ऊंचाई को 10px पर सेट करने या प्रत्येक आईएमजी को इनलाइन से इनलाइन-ब्लॉक में बदलने की कोशिश की है?

3

मैं आपका समाधान पता लगाने की कोशिश कर रहा था।

यह शाब्दिक समाधान है, अपने टीडी टैग में डाल:

style="line-height:0" 
2

अपने <img> टैग में, आप इस डाल सकते हैं:

style="display:block;" 

... या आप ऊंचाई बना सकते हैं max-height पर। यह आपकी समस्या का समाधान करना चाहिए।

0

एचटीएमएल में - <img> टैग एक ब्लॉक टैग तो हम निम्नलिखित सीएसएस का उपयोग करने के लिए यह एक ब्लॉक टैग

style="display:block;" 
इस के साथ

की तरह काम अपने दिए गए ऊंचाई पूरी तरह से अपने HTML पृष्ठ पर काम करेंगे सीएसएस जाने की जरूरत नहीं है ।

एक बार कोशिश करें!

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