Outlook 07中的HTML电子邮件呈现问题,文本框旁边的图像单元格周围有空格

时间:2014-06-25 09:58:24

标签: html css email outlook

我一直在使用我创建的各种电子邮件遇到此问题,并了解到Outlook 2007在此类问题上会导致很多问题。

我遇到的问题是同一个表格中文本单元格旁边的图像单元格。文本似乎决定了桌子的大小,推动高度高于图像的高度,这意味着相邻单元格中的图像周围出现空格,使得电子邮件看起来混乱和脱节。

以下是我看到问题的表格示例:

 <table width="600" height="100" border="0" cellspacing="0" cellpadding="0">
<tr>
  <td width="54" height="100%" bgcolor="#A6C7B4"><img style="display:block" src="images/McC-New-Style-Email-v3-sliced_46.jpg" alt="awardspacer" width="24" height="120" align="left" /></td>
  <td width="150" height="100" valign="top" bgcolor="#A6C7B4" class="award">HBF 2014<br/>
  <span style="font-style: italic; font-weight: normal; font-size: 13px;">5 star home builder</span></td>
  <td width="192" valign="top" height="100" bgcolor="#A6C7B4" class="award">The 50+ Awards<br/>
    <span style="font-style: italic; font-weight: normal; font-size: 13px;">Best 50+ Housing Provider &amp; Assisted Living Housing Provider</span></td>
  <td width="150" height="100" valign="top" bgcolor="#A6C7B4" class="award">NHBC<br/>
  <span style="font-style: italic; font-weight: normal; font-size: 13px;">Pride in the Job awards</span></td>
  <td width="54" height="100%" bgcolor="#A6C7B4"><img style="display:block" src="images/McC-New-Style-Email-v3-sliced_46.jpg" alt="awardspacer" width="24" height="120" align="right" /></td>
</tr>

非常感谢你花时间帮我解决。

此致

阿里

0 个答案:

没有答案