2012-02-02 15 views
7

मैं एक न्यूजलेटर बनाने की कोशिश करता हूं।हॉटमेल और जीमेल में न्यूजलेटर एचटीएमएल टेबल में पंक्ति के बीच अंतर

प्रदर्शन वेब ब्राउजर पर भी सही है, जो थंडरबर्ड में भी सही है ... लेकिन जीमेल या हॉटमेल जैसे वेबमेल में ... मेरे पास पंक्तियों के बीच रिक्त स्थान हैं।

<center><a href="http://www.itbag.fr/newsletter/03022012/" style="color:#E84691;font-size:10px;">Si la newsletter s'affiche mal, consultez la en ligne</a> 
<table id="Table_01" width="731" height="731" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
    <td colspan="3" align="left" valign="top"> 
     <a href="http://www.itbag.fr" style="display:block;height:131px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_01.jpg" width="640" height="131" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <a href="https://www.facebook.com/Itbag.fr?sk=app_128552947241828" style="display:block;height:131px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_02.jpg" width="90" height="131" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="131" alt=""></td> 
</tr> 
<tr> 
    <td colspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr" style="display:block;height:74px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_03.jpg" width="365" height="74" border="0" alt=""></a></td> 
    <td colspan="2" rowspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/sacs-d-occasion-de-marques/1130-sac_24h_gerard_darel_en_python_neuf.html" style="display:block;height:286px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_04.jpg" width="365" height="286" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="74" alt=""></td> 
</tr> 
<tr> 
    <td rowspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1114-cabas_burberry_beige.html" style="display:block;height:258px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_05.jpg" width="187" height="258" border="0" alt=""></a></td> 
    <td rowspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/accessoires-co/1128-expresso.html" style="display:block;height:258px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_06.jpg" width="178" height="258" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="212" alt=""></td> 
</tr> 
<tr> 
    <td colspan="2" rowspan="3" align="left" valign="top"> 
     <a href="http://www.itbag.fr/accessoires-co/1107-ballerines_heritage.html" style="display:block;height:313px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_07.jpg" width="365" height="313" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="46" alt=""></td> 
</tr> 
<tr> 
    <td align="left" valign="top"> 
     <a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1118-peekaboo.html" style="display:block;height:227px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_08.jpg" width="187" height="227" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <a href="http://www.itbag.fr/sac-d-occasion-de-luxe/1120-muse_two_large.html" style="display:block;height:227px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_09.jpg" width="178" height="227" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="227" alt=""></td> 
</tr> 
<tr> 
    <td colspan="2" align="left" valign="top"> 
     <a href="http://www.itbag.fr/mon-compte" style="display:block;height:40px"> 
      <img src="http://www.itbag.fr/newsletter/03022012/images/image001_10.jpg" width="365" height="40" border="0" alt=""></a></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="1" height="40" alt=""></td> 
</tr> 
<tr> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="187" height="1" alt=""></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="178" height="1" alt=""></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="275" height="1" alt=""></td> 
    <td align="left" valign="top"> 
     <img src="http://www.itbag.fr/newsletter/03022012/images/spacer.gif" width="90" height="1" alt=""></td> 
    <td></td> 
</tr> 
</table></center> 

यहाँ सीधा संबंध है:

यहाँ मेरी कोड है

hotmail Gmail

: http://www.itbag.fr/newsletter/03022012

और यहाँ, वहाँ जीमेल और हॉटमेल में प्रदर्शन के दो स्क्रीनशॉट है

कोई भी मेरी मदद कर सकता है?

उत्तर

0

मुझे लगता है कि कोई वास्तव में इस वेबमेल के लिए जवाब ...

मैं इस स्रोत में देखें: http://www.campaignmonitor.com/css/ कि सभी webmails और पाठकों को समझने "फ्लोट" ...

भविष्य में

तो, एक फ्लोट कॉलम के साथ प्रयास करें।

7

मैं

<td style="line-height:0"><img ... /></td> 

Found on this Q&A के साथ एक समान समस्या हल हो, मैं अभी तक संभावित डुप्लिकेट को सूचित करने के लिए अनुमति नहीं कर रहा हूँ।

+0

यह काम करता है, लेकिन कुछ रिक्त स्थान अभी भी बाकी हैं! –

+0

इसने मेरी समस्या भी हल की। मैं हमेशा प्रदर्शन का उपयोग करता हूं: ब्लॉक लेकिन एक यादृच्छिक ईमेल था जो इसके साथ काम नहीं करेगा। लाइन ऊंचाई इसे तय किया। धन्यवाद। – surfbird0713

+0

यह समाधान है - वेबमेल सॉफ़्टवेयर मेल के HTML स्रोत कोड में अतिरिक्त श्वेत-स्थान जोड़ता है। यह अतिरिक्त सफेद-स्थान तालिका कोशिकाओं के बीच "अंतर" के कारण का कारण बनता है। अंतराल कोशिकाओं के बीच नहीं है। लेकिन जोड़ा गया सफेद स्थान कोशिकाओं को विकसित करता है। – haui

10

के रूप में bellow

<img style="display: block" src="sample.gif" alt="sample" /> 

उल्लेख style="display: block" जोड़ें और भी जोड़

img { display: block } 

the original post का संदर्भ लें।

+0

यह मेरे लिए हॉटमेल में काम किया। – Joshc

+0

जीमेल के लिए काम किया – Schien

0

भविष्य के संदर्भ के लिए: कृपया याद रखें कि आपके टीडी के समान टीडी में एक ही पैडिंग शीर्ष और नीचे होना चाहिए। ऐसा इसलिए होता है क्योंकि आप कुछ टीडी के लिए कुछ जगह जोड़ रहे हैं और दूसरे को जगह मिल रही है लेकिन स्टाइल नहीं (केवल आपके द्वारा परिभाषित जगह पर), कृपया उन्हें पैडिंग भी जोड़ें।

यह सीमा के साथ भी हो सकता है।

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