0

我在表格行顶部的文本在某种程度上受到它下面的第二列的影响..似乎不能让它占据表格的整个宽度。

http://jsfiddle.net/PmWBw/2/

对不起，我知道我是唯一一个还在桌子上工作的人。HTML 电子邮件仍然存在。

 <table width="800" class="bodyContent" style="border: 1px solid #b8b7b7;margin-bottom: 20px;">

            <table> 
                 <tr style="width: 800px;">TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT</tr>
            </table>


            <td valign="top" width="260" class="leftColumnContent">

                <table border="0" cellpadding="20" cellspacing="0" width="100%">
                    <tr mc:repeatable>
                        <td valign="top">
                            <img src="http://www.homeplan.com/newsletter/images/top_left.png" mc:label="image" mc:edit="tiwc300_image00" />
                        </td>
                    </tr>
                </table>
            </td>


            <td valign="top" width="260" class="rightColumnContent">

                <!-- // Begin Module: Top Image with Content \\ -->
                <table border="0" cellpadding="20" cellspacing="0" width="100%">
                    <tr mc:repeatable>

                        <td valign="top">

                            <img src="http://www.homeplan.com/newsletter/images/top_right.png" mc:label="image" mc:edit="tiwc300_image01" />

                        </td>
                    </tr>

                </table>  
            </td>                  
</table>
4

2 回答 2

3

对于初学者来说，您的第一行包含一个 td，它位于另一个 td 内的 tr 内。如果不出意外，这可能应该得到解决。

此外，与您的原始问题有点无关，但是当我没有看到添加的代码获得任何真正的好处或功能时，在您的单元格内放置表格似乎有点多余。您正在使用可以应用于 td 或图像本身的相同内容来设置内部表格的样式。至少在这个特定的应用程序中。
只是一个想法。

更新：

<table width="600" class="bodyContent" style="border: 1px solid #b8b7b7;margin-bottom: 20px;">
    <tr>
        <td colspan="2">
            <table>
                <tr style="width: 600px;">
                    <td>TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT TEST TEXT</td>
                </tr>
            </table>
        </td>
    </tr>

    <tr>
        <td valign="top" width="260" class="leftColumnContent">
            <table border="0" cellpadding="20" cellspacing="0" width="100%">
                <tr mc:repeatable>
                    <td valign="top">
                        <img src="http://www.homeplan.com/newsletter/images/top_left.png" mc:label="image" mc:edit="tiwc300_image00" />
                    </td>
                </tr>
            </table>
        </td>

        <td valign="top" width="260" class="rightColumnContent">
            <!-- // Begin Module: Top Image with Content \\ -->
            <table border="0" cellpadding="20" cellspacing="0" width="100%">
                <tr mc:repeatable>
                    <td valign="top">
                        <img src="http://www.homeplan.com/newsletter/images/top_right.png" mc:label="image" mc:edit="tiwc300_image01" />
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
于 2012-10-03T06:40:14.233 回答
0

首先，你不能让代码看起来像这样：<td><tr><td>asdf</td></tr></td>. 它<tr>需要被<table>.

于 2012-10-03T06:41:29.707 回答