Tabelle tr td kann Text auf einer Spur nicht bekommen - html, html-table

Ich versuche einen Newsletter für eine E-Mail zu erstellenKampagne. Ich muss es mit Tabellen erstellen und das alles, weil die meisten E-Mail-Clients ignorieren wie div usw. Ich habe jetzt das Problem, dass ich den Text in einer Zeile obertauern möchte ...... und darunter die Zeile ( <hr> ) aber es funktioniert nicht so, wie ich es gerne hätte.

Auf dem Bild können Sie sehen, was ich versuche zu tun und ich lege die HTML in jfiddle.

<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>

Bild http://i60.tinypic.com/35je0t2.png

jsfiddle

Antworten:

0 für die Antwort № 1

Verwenden Sie einfach die border -Eigenschaft, um die Zeile zu erstellen, und ändern Sie das P in ein Div, so dass Sie nicht viel Platz hinter ihm einfügen:

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

Hier ist ein jsFiddle: http://jsfiddle.net/qXxPb/2/


0 für die Antwort № 2

Versuchen:

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

Für die td, in der sich der Text befindet (oder etwas anderes als 600).


0 für die Antwort № 3

Ich habe dein jsFiddle repariert: http://jsfiddle.net/mSLf4/5/

Sollten Sie so arbeiten, haben Sie einige Tablecells verpasst und ich habe Ihren Satz in einer extra Zeile gesetzt + die Zelle auf 2 Zellen setzen lassen.

Sollte jetzt funktionieren, beim nächsten Mal bitte deinen Code bestätigen.

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

war die wichtige Linie.


Speisekarte