2011-07-15 18 views
27

Google उपयोगकर्ताओं को ईमेल वितरित करते समय यह एक ज्ञात समस्या है: Google "न्यूनतम ऊंचाई" को "ऊंचाई" घोषणाओं को बदलता है। इसका मतलब यह है कि ढेर किए गए चित्र अब एक दूसरे के अंतराल के बिना "स्पर्श" नहीं करते हैं।सब्सक्राइबर ईमेल: जीमेल ऊंचाई को न्यूनतम ऊंचाई में परिवर्तित कर रहा है

क्या किसी को भी अच्छे काम के बारे में पता है?

यहाँ एक उदाहरण है:

<div style="min-height:244px"> 
    <img src="http://www.domain.com/images/top.gif" alt="" /> 
</div> 
<div style="min-height:266px"> 
    <img src="http://www.domain.com/images/bottom.gif" alt="" /> 
</div> 

तो यह करने के बजाय:

enter image description here

दो छवियों एक दूसरे को रंग-रूप पर खड़ी

<div style="height:244px"> 
    <img src="http://www.domain.com/images/top.gif" alt="" /> 
</div> 
<div style="height:266px"> 
    <img src="http://www.domain.com/images/bottom.gif" alt="" /> 
</div> 

जीमेल में निम्नलिखित के रूप में प्रकट होता है जीमेल में इस तरह:

enter image description here

एक साधारण कामकाज होना चाहिए?

+0

संभावित डुप्लिकेट [एक्सएचटीएमएल 1.0 सख्त में छवियों के नीचे अनचाहे अंतर) [http://stackoverflow.com/questions/948145/unwanted-spacing-below-images-in-xhtml-1-0-strict) – mercator

उत्तर

18

छवि पर vertical-align: top, display: block या float: left जोड़ें।

डिफ़ॉल्ट रूप से, छवियां इनलाइन ब्लॉक हैं और baseline of text पर गठबंधन हैं। इसका मतलब यह है कि यदि आप उनके आगे कोई भी पाठ डालना चाहते थे, तो "x" के नीचे छवि लाइनों के नीचे, "y" के नीचे नहीं। इस अवरोही के लिए "आरक्षित स्थान" आपकी छवियों के बीच की जगह का कारण बन रहा है।

उपरोक्त वर्णित संपत्ति घोषणाओं में से कोई भी छवि को टेक्स्ट बेसलाइन के साथ संरेखित करने से रोक देगा, सभी अलग-अलग तरीकों से।

+0

अद्भुत! इसके लिए धन्यवाद। आप बिल्कुल सही हैं, यह पूरी तरह से काम किया। –

+0

सच जीवन बचतकर्ता। – brezanac

+0

जीनियस! बहुत बहुत धन्यवाद;) –

8

मुझे पता है कि जीमेल <td height="..."> विशेषता सेटिंग में हस्तक्षेप नहीं करता है। तो यदि आप किसी तालिका में समस्याग्रस्त तत्व को आसानी से असाइन कर सकते हैं तो यह एक कार्य-आसपास हो सकता है।

+0

वास्तव में, इससे फ़ायरफ़ॉक्स जैसे ब्राउज़र में कोई फर्क नहीं पड़ता। आपको अभी भी छवि के संरेखण को किसी भी तरह से बदलने की जरूरत है। –

32

मैं बस इस मुद्दे में भाग गया और इसे max-height सेट करके हल किया जो यह गड़बड़ नहीं करता है।

+1

यदि आप ऊंचाई और अधिकतम ऊंचाई दोनों सेट करते हैं, तो अधिकतम ऊंचाई हटा दी जाएगी और ऊंचाई अभी भी न्यूनतम ऊंचाई में बदल दी गई है – Michael

+0

यह समाधान मेरे लिए काम करता है। ऊंचाई अभी भी न्यूनतम ऊंचाई में परिवर्तित हो गई है लेकिन अधिकतम ऊंचाई अब मानी जाती है। –

+0

जीवन बचतकर्ता! मैं एक ही मूल्य के बराबर न्यूनतम ऊंचाई और अधिकतम ऊंचाई दोनों सेट करता हूं। यह मेरे लिए काम किया। – roopunk

2

इसके बजाए लाइन-ऊंचाई का उपयोग करने का प्रयास करें! तालिका सेल

मैं एक ऊंचाई विशेषता (नहीं सीएसएस शैली) के साथ "सेल" में एक 1px विस्तृत स्पेसर छवि जोड़कर इस का समाधान करने के लिए सेट:

0

मैं DIV टैग है कि मैं प्रदर्शन होने के लिए मजबूर कर रहा था ऊंचाई मैं सेल चाहता था। यह आदर्श नहीं है लेकिन काम पूरा हो गया है और क्रॉस-ब्राउजर/ईमेल क्लाइंट है।

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

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