框不对齐:html电子邮件

时间:2015-02-17 20:33:13

标签: html-email

我正在处理一个html电子邮件模板。由于某种原因,盒子不排队。我假设是一个盒子大小调整问题或填充正在添加...这是代码:

<table width="700px" cellspacing="0" cellpadding="0" bgcolor="#e85728" align="center" style="width: 700px;" class="dashedBorder">
<tbody>
    <tr>
        <td width="350px" valign="middle" bgcolor="#e85728" height="298" align="center" style="font-family: Arial; font-size: 13px; white-space: normal; padding-left: 40px; padding-right: 40px; width: 350px;"><br />
        <font size="4" color="#ffffff">
        <font size="4" color="#ffffff">Use your CAP-VIA discount coupon & be entered into a draw to win a $5,000 trip with VIA Rail.</font>
        &nbsp;</font>
        <table width="167" cellspacing="0" cellpadding="0" bgcolor="#ffffff" height="33" align="center" style="box-shadow: -1px -1px 5px #888888; border-radius: 6px;" class="dashedBorder">
            <tbody>
                <tr>
                    <td align="center" style="font-family: Arial; font-size: 13px; padding: 5px 10px;" 2"=""><b><font color="00698f"><a style="text-decoration: none;" href="http://www.icc-icc.ca" title="ENTER TO WIN NOW" alias="ENTER TO WIN NOW" conversion="false"><font color="00698f">ENTER TO WIN NOW</font></a></font></b></td>
                </tr>
            </tbody>
        </table>
        <font size="4" color="#ffffff">
        <p>
        <font size="2" color="#ffffff"><u><a style="text-decoration: none;" false"="" alias="Find out how to enter " title="Find out how to enter " href="http://www.icc.ca"><font color="#ffffff">Find out how to enter 
        </font></a></u></font>
        </p>
        </font></td>
        <td width="350px" valign="top" bgcolor="#FFFFFF" height="" align="left" style="font-family: Arial; font-size: 13px; width: 350px; white-space: normal;">
        <table width="50" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" height="100" class="dashedBorder">
            <tbody>
                <tr>
                    <td width="" valign="middle" bgcolor="#FFFFFF" height="" align="left" style="font-family: Arial; font-size: 13px; white-space: normal;"><img width="350" vspace="0" border="0" hspace="0" height="300" alt="Image_350x300px" title="Image_350x300px" src="http://image.S7.exacttarget.com/lib/fe9c13727565047e73/m/1/Image_350x300px.jpg" style="width: 350px; height: 300px;" /></td>
                </tr>
            </tbody>
        </table>
        </td>
    </tr>
</tbody>

1 个答案:

答案 0 :(得分:0)

你右边的桌子设置为50的宽度。我假设你想要它在350左边,如左边的桌子那样?

<table width="50" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" height="100" class="dashedBorder">

需要:

<table width="350" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" height="100" class="dashedBorder">