प्रतिपादन

Question

सबसे पहले:
मैं आउटलुक नफरत :) क्यों

यहाँ है:
मैं निम्नलिखित संरचना के साथ एक ईमेल भेजने के कोशिश कर रहा हूँ (यह सिर्फ है एक सरल उदाहरण तो मीटर में नहीं बताया कृपया मुझे)

<table width="400"> 
    <tbody> 
    <tr> 
     <td width="200"><img src="http://lorempixel.com/200/200/"></td> 
     <td width="0"></td> 
     <td width="0"></td> 
     <td width="200"><img src="http://lorempixel.com/200/200/"></td> 
    </tr> 
    </tbody> 
</table> 

समस्या है "बस बीच td रों से छुटकारा पाने के", कि दो td रों इस स्क्रीनशॉट में आप देख सकते हैं कि दो चित्रों के बीच एक जगह की ओर बढ़ना http://i48.tinypic.com/6i8rvk.png

मुझे लगता है कि मैंने पहले से ही सबकुछ संभव प्रयास किया है।

• cellpadding = 0, cellspacing = 0, border = तालिका
• इनलाइन सीएसएस
• के साथ हर टीडी की चौड़ाई की स्थापना जोड़ने सीमा-पतन पर 0: सभी टीडीएस और टेबल
• जोड़ने के लिए पतन मार्जिन: 0, पैडिंग: 0; सीमा 0; इनलाइन सीएसएस
• में सभी टीडीएस इनलाइन सीएसएस में 0 पर font-size और line-height स्थापित करने

कुछ भी नहीं काम किया।

साइड नोट्स:
यदि केवल एक ही बीच में खाली तालिका सेल है, प्रतिपादन ठीक है। तो ऐसा लगता है कि प्रत्येक td केवल आधे पिक्सेल
के लिए खाता है यह पहले से ही एक सरलीकृत उदाहरण है और मैं तालिका की संरचना को नहीं बदल सकता जिसका अर्थ है कि मुझे प्रतिबिंबित कोडिंग शैली को ठीक करने के बजाय प्रतिपादन समस्याओं के लिए एक समाधान मिलना है दुर्भाग्य से।

परीक्षण
यहाँ मेरी परीक्षण वातावरण है - यह के साथ चारों ओर खेलने के लिए स्वतंत्र लग रहा है: http://putsmail.com/d58ffa01c4b3e29123baab00754716

Answer 1

मैंने इस समस्या को हल करने की कोशिश जारी रखी है - कुछ भी नहीं (मैंने यहां हर प्रस्ताव की कोशिश की है और अधिक) काम किया है।
अंत में मैं और अधिक कठिन हो गया लेकिन सबसे साफ तरीका भी मानता हूं और एक स्क्रिप्ट लिखी है जो सभी खाली कॉलम और सभी खाली पंक्तियों को एक एक्सएसएल रूपांतरण के साथ हटा देता है। अब यह Outlook 2003 में काम करता है - 2010

Answer 2

आप एक ही लाइन पर <td> रों डालने की कोशिश की है? यही है, तत्वों के बीच लाइनबैक को हटा रहा है?

(भीतरी तत्व लाइनब्रेक अनदेखी कर रहे हैं)

<td>Foo 
</td><td> 
Bar</td> 

Answer 3

डालने की कोशिश padding-left और/या छवियों वाले टीडीएस, इनलाइन सीएसएस के रूप में गद्दी-सही।

नवीनतम संपादित करें: इस कोशिश -

<tr> <td style="border-collapse: collapse; margin:0;padding:0; border:0" align="right" width="200"><img src="http://lorempixel.com/200/200/" style="display:block;margin:0;padding:0; border:0" border="0"></td> <td style="width: 0px;line-height: 0px; font-size: 0px; border-collapse: collapse;padding:0;margin:0;border:0" width="0"></td> <td style="width: 0px;line-height: 0px; font-size: 0px; border-collapse: collapse;padding:0;margin:0;border:0" width="0"></td> <td style="border-collapse: collapse; margin:0;padding:0; border:0" align="left" ><img src="http://lorempixel.com/200/200/" style="display:block;margin:0;padding:0; border:0" border="0"></td></tr>

मैं छवियों वाले टीडीएस से चौड़ाई हटा दिया, इसलिए यह छवियों की डिफ़ॉल्ट चौड़ाई लेता है।

Answer 4

क्या "प्रदर्शन: कोई नहीं" मदद करता है?

<table width="400"> 
    <tbody> 
    <tr> 
     <td width="200"><img src="http://lorempixel.com/200/200/"></td> 
     <td width="0" style="display:none"></td> 
     <td width="0" style="display:none"></td> 
     <td width="200"><img src="http://lorempixel.com/200/200/"></td> 
    </tr> 
    </tbody> 
</table> 

बीटीडब्ल्यू, मुझे Outlook 2003 पर आपकी समस्या का सामना नहीं हुआ, इसलिए मैं इसे सत्यापित नहीं कर सकता।

Answer 5

आउटलुक सामग्री छुपा पसंद नहीं करता है ;-) लेकिन क्या काम करना चाहिए - कुछ सशर्त कोड जोड़ें:

   <table border="0" cellpadding="0" cellspacing="0" style="width:100%;table-layout:fixed"> 
       <tr> 
        <td style="width:217px" valign="top"> 
        column 1 
        </td> 
        <!--[if !mso]><!--><td style="line-height:0;max-height:0;width:0;overflow:hidden;font-size:0;display:none" valign="top"> 
        hidden column 2 
        </td> 
        <!--<![endif]--><td valign="top"> 
        column 3 
        </td> 
       </tr> 
       </table> 

दृष्टिकोण से यह छिपाने के लिए, चारों ओर टिप्पणियां [! mso/endif] के साथ कॉलम पर्याप्त हैं। हालांकि आप outlook.com, gmail.com और कुछ अन्य लोगों में भी छिपाना चाहते हैं - इसके लिए अन्य शैलियों को शामिल किया गया है। मीडिया प्रश्नों के साथ मोबाइल व्यू में सेटिंग्स को पुनर्स्थापित करना न भूलें।

शायद आप https://responsive.email देख सकते हैं जो आपके लिए यह कोड उत्पन्न कर रहा है।

गुड लक ओलेग