टेबल टी टीडी एक लेन में एचटीएमएल, एचटीएमएल-टेबल में टेक्स्ट नहीं मिल सकता है

मैं एक ईमेल के लिए एक न्यूज़लेटर बनाने की कोशिश कर रहा हूंअभियान। मुझे इसे टेबल के साथ बनाना होगा और सभी कारणों से अधिकांश ईमेल क्लाइंट div आदि जैसे विचारों को अनदेखा करते हैं। अब मुझे समस्या है कि मैं टेक्स्ट ओबर्टौर्न ...... एक पंक्ति में और इसके नीचे लाइन ( <hr> ) लेकिन यह जिस तरह से मैं इसे बनाना चाहता हूं काम नहीं कर रहा हूं।

तस्वीर पर आप देख सकते हैं कि मैं क्या करने की कोशिश कर रहा हूं और मैंने HTML को jsfiddle में रखा है।

<table width="700" border="0" cellspacing="0" cellpadding="0" align="center">
<td colspan="2">
<a href="http://www.salzburgerland.com/de/ski-board/index.html?utm_campaign=RK_WI_13&utm_medium=DE&utm_source=CARE-Verlag&utm_content=Newsletter" target="_blank"><img src="/images/head.jpg" width="700" border="0"></a>
</td>

<tr>
<td colspan="2">
<p style="color:#00668a;text-align:left;font-size:18px;">
Wer den Sonnenskilauf im SalzburgerLand  noch intensiv genießen möchte, den erwarten strahlender Sonnenschein, bestens präparierte Pisten und sensationelle Urlaubsangebote:

</p></td>
</tr>

<tr style="background-color:#deeef4;">

<td width="130" cellpadding="0" ><p style="color:#00668a;padding:10px">OBERTAUERN <span style="color:#a9a9a9;font-size:13px">Gültigkeit der Pauschale: 22.03. – 12.04.2014 & 19.04. – 04.05.2014</span></p><a href="http://urlaub.salzburgerland.com/de/winterurlaub?utm_campaign=RK_WI_13&utm_medium=DE&utm_source=CARE-Verlag&utm_content=Newsletter" target="_blank">
<img src="/images/ab1.jpg" width="250" height="138" border="0" style="padding:10px"></a>


<td width="200" height="163"><p>"Sund and Fun Wochen"</p>

<ul>
<li>7 Tage Aufenhthalt inkl. Frühstück</li>
<li>7 Tage Aufenhthalt inkl. Frühstück</li>
</ul><img src="/images/button.png" width="345" height="35" border="0"></td></td>


</tr>

</table>

तस्वीर http://i60.tinypic.com/35je0t2.png

jsfiddle

उत्तर:

जवाब के लिए 0 № 1

रेखा बनाने के लिए बस सीमा संपत्ति का उपयोग करें और पी को एक div में बदलें ताकि आप इसके बाद बहुत अधिक जगह न डालें:

<tr>
<td colspan="2">
<div style="border-top: solid 1px #00668a;height:1px;">

यहां एक जेएसफ़िल्ड है: http://jsfiddle.net/qXxPb/2/


जवाब के लिए 0 № 2

प्रयत्न:

<td width="600" cellpadding="0" >

टीडी के लिए जहां टेक्स्ट स्थित है (या 600 से कुछ और उपयोग करें)।


जवाब के लिए 0 № 3

मैंने आपके जेएसफ़िल्ड को ठीक किया: http://jsfiddle.net/mSLf4/5/

इस तरह काम करना चाहिए, आपने कुछ टेबलकेल्स को याद किया और मैंने आपकी सजा को एक अतिरिक्त पंक्ति में बनाया + सेल को 2 से अधिक कोशिकाओं तक फैलाने के लिए सेट करें।

अब काम करना चाहिए, अगली बार अपने कोड को पहले सत्यापित करें।

<td colspan="2">...</td>

महत्वपूर्ण रेखा थी।


संबंधित सवाल
सबसे लोकप्रिय