表格行为2列宽,超出了第一行(1)建立的列数

时间:2011-08-20 14:03:01

标签: html css

我想验证我的页面,但是w3c一直在给我这个警告。我想摆脱它,但我似乎无法找到原因。

它给了我这个错误:

  

表格行宽2列,超出了第一行(1)建立的列数。       

表格和CSS代码:

<table>
    <tr>
    <td>Contact informatie</td>
    <tr>
    <td>Adres:</td>
    <td>Jan van der Heydenstraat 61</td>
    <tr>
<td>Postcode:</td>
<td>1223 BG</td>
<tr>
<td>Plaats:</td>
<td>Hilversum</td>
<tr>
<td>Email:</td>
<td>info@blabla.nl</td>
<tr>
<td>Telefoon:</td>
<td>06-31903706</td>
</tr>
</table>

table {
    border:none;
    padding-left:75px;}

td:first-child {
    width:135px;
    border:none;
    text-align:left;}

td+td {
    border:none;
    text-align: left;}

有人有什么建议吗?

3 个答案:

答案 0 :(得分:5)

这正是它所说的。表中的一行有太多列。具体而言,第一行具有较少的列,后续行。但除非你发布一些代码,否则我们做不了多少。

修改

表的标记不正确。

  • 第一行中只有一个单元格(或者做PeeHaa建议的那样)
  • 您需要使用</tr>
  • 关闭每个

答案 1 :(得分:4)

只需改变一下:

<tr>
<td>Contact informatie</td>
</tr>

对此:

<tr>
<td colspan="2">Contact informatie</td>
</tr>

你应该总是关闭你的桌子(tr):</tr>

最终版本:

<table>
  <tr>
    <td colspan="2">Contact informatie</td>
  </tr>
  <tr>
    <td>Adres:</td>
    <td>Jan van der Heydenstraat 61</td>
  </tr>
  <tr>
    <td>Postcode:</td>
    <td>1223 BG</td>
  </tr>
  <tr>
    <td>Plaats:</td>
    <td>Hilversum</td>
  </tr>
  <tr>
    <td>Email:</td>
    <td>info@vazcreations.nl</td>
  </tr>
  <tr>
    <td>Telefoon:</td>
    <td>06-31903706</td>
  </tr>
</table>

答案 2 :(得分:1)

在SimpleCoder所说的扩展中,如果你的表的第一行只有一列,那么更进一步的列只能有一列。如果你想解决这个问题,你需要在单元格内放一张表,即

    <td>
       <table>
          <tr>
             <td><!-- Content here --></td>
          </tr>
       </table>
    </td>