Outlook 如何创建两栏电子邮件时事通讯
我试图创建一个两栏的电子邮件传单,但由于Outlook讨厌CSS,我在编码方面遇到了麻烦 我使用表来保持它尽可能的简单,但是我希望在左侧和右侧有两个单独的表,这样我就可以根据自己的意愿向其中添加数据 我尝试在两个表上使用Outlook 如何创建两栏电子邮件时事通讯,outlook,html-table,html-email,Outlook,Html Table,Html Email,我试图创建一个两栏的电子邮件传单,但由于Outlook讨厌CSS,我在编码方面遇到了麻烦 我使用表来保持它尽可能的简单,但是我希望在左侧和右侧有两个单独的表,这样我就可以根据自己的意愿向其中添加数据 我尝试在两个表上使用floatleft和right,但Outlook忽略了这种样式 我知道底部的两个灰色表格分别位于各自独立的“持有者”表格中,但这是为了在我添加新文章时复制灰色“数据”表格 <table class="all" width="auto" height="auto" borde
float
left和right,但Outlook忽略了这种样式
我知道底部的两个灰色表格分别位于各自独立的“持有者”表格中,但这是为了在我添加新文章时复制灰色“数据”表格
<table class="all" width="auto" height="auto" border="0" cellspacing="0"><tr><td height="504">
<table width="750" height="140" border="0" cellspacing="0">
<tr>
<td width="200" valign="bottom" bgcolor="#E6E6E6"> </td>
<td width="345" align="center" valign="bottom" bgcolor="#E6E6E6"> </td>
<td width="152" align="center" valign="bottom" bgcolor="#E6E6E6"> </td>
<td width="45" align="center" valign="bottom" bgcolor="#E6E6E6"> </td>
</tr>
<tr>
<td width="200" valign="bottom" bgcolor="#E6E6E6"> </td>
<td align="center" valign="bottom" bgcolor="#E6E6E6"><font color="#111111" face="Arial Narrow" size="+2">DECEMBER NEWSLETTER</font></td>
<td width="152" align="center" valign="bottom" bgcolor="#E6E6E6"><font size="2"><strong>#4 - <span class="orange">04.12.13</span></strong></font></td>
<td width="45" align="center" valign="bottom" bgcolor="#E6E6E6"> </td>
</tr>
</table>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="75" height="50" bgcolor="#E6E6E6" scope="row"> </td>
<td width="600" rowspan="2" scope="row"><img src="http://placehold.it/600x200"/></td>
<td width="75" bgcolor="#E6E6E6" scope="row"> </td>
</tr>
<tr>
<td width="75" height="81" scope="row"> </td>
<td scope="row"> </td>
</tr>
</table>
<table class="holder" width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" scope="row">
<table class="inlinetableleft" width="360">
<tr>
<td width="371" align="left">
<!------------LEFT COLUMN------------------>
<table width="360" border="0" cellspacing="0" cellpadding="0">
<tr>
<th height="103" colspan="4" align="left" valign="middle" bgcolor="#CCCCCC" scope="row"> </th>
</tr>
</table>
<!--------------LEFT COLUMN END------------->
</td>
</tr>
</table>
<table class="inlinetableright" width="360">
<tr>
<td align="left">
<!------------RIGHT COLUMN------------------>
<table width="360" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="106" align="left" bgcolor="#CCCCCC" scope="row"> </td>
</tr>
</table>
<!-----------RIGHT COLUMN END-------------->
</td></tr>
</table>
</td>
</tr>
</table>
十二月通讯
#4-04.12.13
这是我到目前为止的一份时事通讯,我想并排看下面两张灰色的桌子
对于HTML电子邮件,嵌套表是您的朋友:) 注意:表格周围的边框仅用于显示表格的位置
<table border="0" width="600" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="2">
header content here
</td>
</tr>
<tr>
<td width="300">
<table border="0" width="300" cellpadding="1" cellspacing="0" align="left">
<tr>
<td>Left Content</td>
</tr>
</table>
</td>
<td width="300">
<table border="0" width="300" cellpadding="1" cellspacing="0" align="left">
<tr>
<td>Right content</td>
</tr>
</table>
</td>
</tr>
</table>
标题内容在这里
左内容
正确内容
我的宽度和高度没有问题。这只是一个让我的新闻稿工作在没有代码>浮点的例子。这很好,除了如果我在左栏中添加更多的数据,右边的列在左栏旁边的中间垂直。我希望右栏保持在顶部,即使我用数据填充左栏。哦,是的,您需要在
标签上添加valign=“top”
。将内容垂直对齐到顶部。我刚刚将valign=“top”
添加到两个
标记中,但没有效果。它应该位于
宽度上,即当前设置为300
的宽度,而不是嵌套表中的宽度。所以
应该这样做。非常感谢。我添加了valign=“top”
作为内联css。我不知道您可以直接将valign=“top”
添加到td:)