Question

我正在尝试为电子邮件广告系列制作简报。我必须使用表格来构建它，所有这些导致大多数电子邮件客户端忽略思考像div等现在我有问题，我希望文本obertauern ......在一行中，在它下面的行（<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="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="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="button.png" width="345" height="35" border="0"></td></td>


</tr>

</table>

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

jsfiddle

Answer 1

只需使用border属性创建该行并将p更改为div，这样就不会在其后面放置大量空格：

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

这是一个jFiddle： http://jsfiddle.net/qXxPb/2/

Answer 2

尝试：

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

对于文本所在的td（或使用600以外的其他内容）。

Answer 3

我修复了你的jFiddle：http://jsfiddle.net/mSLf4/5/

应该像那样工作，你错过了一些tablecells，我在一个额外的行中设置你的句子+将单元格设置为跨越2个单元格。

现在应该可以使用，下次请先验证您的代码。

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

是重要的一线。

表tr td无法在一个通道中获取文本

3 个答案: