आईपैड और आईफोन पर एचटीएमएल ईमेल में टेबल सीमाएं

Question

मेरे पास ईमेल परीक्षण करते समय तालिका पंक्तियों के बीच एक पिक्सेल सीमा दिखाई देती है। केवल आईफोन और आईपैड। मैं कोशिश की है:

* { 
margin:0; 
padding:0; 

} 

मैं भी कोशिश की है: इस सीमा के बजाय सफेद के नीले बनाता है, लेकिन मैं सीमा पूरी तरह से हटा चाहते हैं?

border-collapse:collapse; 

देखो क्या

Answer 1

border: 0; 

यह अच्छा और आसान

Answer 2

कोशिश जोड़ने क्या करना चाहिए ज़ूम इन। मैंने यह भी काम पाया :

<meta content='width=device-width; initial-scale=1.0;' name='viewport' /> 

लेकिन, जब आप ज़ूम इन करते हैं तो यह फिर से टूट जाता है। प्रारंभिक लोड काम करता था, इसलिए मैं दूसरे विकल्प से खुश था।

Answer 3

कोशिश इस जोड़ने होता है::

<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' /> 

इस से उन बंद हो जाएगा

Answer 4

छवियां? style="display:block;" छवियों को

Answer 5

यह स्पष्ट रूप से तब होता है जब आपने व्यक्तिगत रंग कक्षों में पृष्ठभूमि रंग या छवियों को लागू किया है। मैंने अलग-अलग bgcolor और background-color रहस्य सीमाओं के साथ तालिकाओं से संदर्भ हटा दिए, और समस्या चली गई!

स्रोत: iPhone fail: The trouble with table borders and HTML email (Campaign Monitor)

Answer 6

यह आईओएस में एक मुद्दा है, अधिक जानकारी के लिए देखें: http://www.campaignmonitor.com/blog/post/3585/iphone-fail-the-trouble-with-table-borders-and-html-email

असल में, यह मेज कोशिकाओं के लिए अलग पृष्ठभूमि-रंग से कोई लेना देना नहीं है। के शब्दों में:

"iPhone पर प्रदर्शित होने से इन सीमाओं को रोकने के लिए, आप की कोशिश कर सकते हैं:

• पृष्ठभूमि रंग या अलग-अलग तालिका पंक्तियों और कोशिकाओं से छवियों को निकाला जा रहा है, और/या;
• समस्याग्रस्त घोंसले के शिकार एक नई तालिका में टेबल, जिसमें पृष्ठभूमि रंग होता है जो आंतरिक तालिका से मेल खाता है। "

Answer 7

एक तालिका के लिए, मेरे लेआउट के अधिकांश हिस्सों के लिए काम करने वाली तालिका के पृष्ठभूमि रंग को बदलने के दौरान, यह एक विकल्प नहीं था। वहां मैंने सापेक्ष स्थिति और -1 का बायां मान (दाहिने सेल पर) का उपयोग किया। मैं स्थिति को समर्थित देखकर आश्चर्यचकित था (कम से कम आईओएस 6.1 में)। मुझे लगता है कि नकारात्मक मार्जिन भी काम करता।

Answer 8

मैं बॉक्स-छाया का उपयोग करके इसे "हल" करता हूं। मुझे पता है कि यह सुंदर नहीं है लेकिन हे, हम यहां टेबल के बारे में बात कर रहे हैं :)

बस आईपैड पर दिखाई देने वाले पैरेंट नोड रंग वाले किसी भी टीडी में बॉक्स-छाया डालें। आप इसे केवल आईपैड विशिष्ट मीडिया क्वेरी के अंदर आईपैड के लिए भी कर सकते हैं।

Answer 9

मेरे मामले में मैं एक टेबल चाहता था जो ओवरलैपिंग बॉक्स की तरह दिखता था जहां पृष्ठभूमि बॉक्स पंक्ति के अंत से पहले समाप्त हो गया था और अग्रभूमि बॉक्स पंक्ति की शुरुआत से इंडेंट शुरू हुआ था।

<table style="margin-right: auto; margin-left: auto; width: 100%;" cellspacing="0" cellpadding="3"> 
 
    <tbody> 
 
    <tr> 
 
     <td colspan="4" style="width: 90%; background-color: navy;"> 
 
     <span style="color: #ffffff;">Background Box Line 1</span> 
 
     </td> 
 
     <td style="width: 10%;"> 
 
     &nbsp; 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td style="background-color: navy; width: 25%; box-shadow: 0px -1px 0px navy;"> 
 
     <span style="color: #ffffff;">BG Box Line 2</span> 
 
     </td> 
 
     <td colspan="4" rowspan="2" style="background-color: red; width: 75%;"> 
 
     Foreground Box Line 1<br> 
 
     Foreground Box Line 2 
 
     </td> 
 
    </tr> 
 
    <tr> 
 
     <td> 
 
     &nbsp; 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

लाइन मैं था से छुटकारा पाने के लिए किया था: हर वेब साइट को पढ़ने के बाद, क्यू/ए, यहाँ और जैसे हर विकल्प क्या अंततः काम एक बॉक्स-छाया को निर्दिष्ट किया गया था, की कोशिश कर रहा सुझाव iPhones और box-shadow: 0px -1px 0px navy; पर दिखाई देने वाली 2 "पृष्ठभूमि" नेवी कोशिकाओं के बीच एक पतली क्षैतिज अंतराल रेखा मुझे नीचे नौसेना के सेल के ऊपर एक पतली नौसेना रेखा डालने देगी और इतनी भर गई है कि अन्यथा शीर्ष और निचले नौसेना कोशिकाओं के बीच क्या अंतर था।