在不同的行中定义 <td>,宽度不起作用

defined <td> in differnt rows, width not working

回到1998年!我正在制作一个带有表格的时事通讯模板!我的问题是我的 td 没有接受 width 的定义,而是继承了它!

示例中底部的两行各有三列!在顶行,我需要定义为 42px 的侧列,而底行是 83px。我不知道我做错了什么!谢谢!

<tr>
  <td>
    <table bgcolor="#c1d781" width="503px" align="center" border="1">
      <tr>
        <td colspan="3">
          <p mc:edit="element-title">„Lorem Lorem Lorem“</p>
        </td>
      </tr>
      <tr>
        <td height="10px" colspan="3"></td>
      </tr>
      <tr>
        <td width="42px">&nbsp;</td>
        <td align="center" width="420px">
          <p mc:edit="element-teaser">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sapien.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
          </p>
        </td>
        <td width="42px">&nbsp;</td>
      </tr>
      <tr>
        <td height="50px" colspan="3"></td>
      </tr>
      <tr>
        <td width="83px">&nbsp;&nbsp;&nbsp;</td>
        <td align="center" width="337px">
          <p mc:edit="element-button"><a href="#">BUTTON</a>
          </p>
        </td>
        <td width="83px">&nbsp;&nbsp;&nbsp;</td>
      </tr>
      <tr>
        <td height="60px" colspan="3"></td>
      </tr>
    </table>
  </td>
</tr>

单个 table 不支持您尝试执行的操作(这是正确的)。 table 就像一个网格 - 每行不能有不同的列宽。但是,您可以通过嵌套 table 来解决这个问题。

在此示例中,每行包含一个单元格,您可以在其中放置嵌套的 table 1 行 3 个单元格:

<tr>
  <td>
    <table bgcolor="#c1d781" width="503px" align="center" border="1">
      <tr>
        <td>
          <p mc:edit="element-title">„Lorem Lorem Lorem“</p>
        </td>
      </tr>
      <tr>
        <td height="10px"></td>
      </tr>
      <tr>
        <td>
          <table border="1">
            <tr>
              <td width="42px">&nbsp;</td>
              <td align="center" width="420px">
                <p mc:edit="element-teaser">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sapien.Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet.
                </p>
              </td>
              <td width="42px">&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td height="50px"></td>
      </tr>
      <tr>
        <td>
          <table border="1">
            <tr>
              <td width="83px">&nbsp;&nbsp;&nbsp;</td>
              <td align="center" width="337px">
                <p mc:edit="element-button"><a href="#">BUTTON</a>
                </p>
              </td>
              <td width="83px">&nbsp;&nbsp;&nbsp;</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td height="60px"></td>
      </tr>
    </table>
  </td>
</tr>