表行是宽2列，这是小于列计数由第一排（3）

我以前https://validator.w3.org/nu/#file纠正我的HTML类，但我不断收到此错误表行是宽2列，这是小于列计数由第一排（3）

警告建立：表行是2列宽，这比第一行（3）确定的列数少。来自第31行，第31栏;到第32行，第6列环↩↩

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>Assignment 3B</title> 
<style> 
table, th, td { 
    border: 1px solid black; 
    background-color: #FFFFCC; 
} 
th, td { 
    width: 25%; 
} 
th { 
    height: 50px 
} 
th, td { 
    padding: 10px; 
} 
</style> 
</head> 
<body> 

<table> 

    <tr> 
    <th colspan="3"> Seasons </th> 
    </tr> 
    <tr> 
    <td rowspan="3"> March/April </td> 
    <th rowspan="4"> Spring </th> 
    </tr> 

    <tr> 
    <td > <b> Cold </b></td> 
    </tr> 
    <tr> 
    <td> Warm </td> 
    </tr> 
    <tr> 
    <th rowspan="1"> 
    <img src="tree1.png" alt="tree" style="width:150px;height:150px;"> 
    </th> 
    <td style="background-image: url(Light_Pink_430051_i0.png)"> <b>Warm </b> </td> 
    </tr> 

    </table> 
</body> 
</html>

请帮我

来源

2016-04-30 blequang

当谈到匹配cols和rows – LGSon

请检查此请张贴它是如何想的样子，因为你的代码有结构错误的图像：https：//developer.mozilla.org/en/docs/Web/HTML/Element/table#More_Examples导致''只能在第一个''或'' – caramba

看到您的评论后你想让它看起来像是觉得你会更好地使用宽度和浮动divs。 – karina

你的第一排有3列，第2和第5行有2列，第3和第4行有1列

试试这个HTML：

table, 
 
th, 
 
td { 
 
    border: 1px solid black; 
 
    background-color: #FFFFCC; 
 
} 
 
th, 
 
td { 
 
    width: 25%; 
 
} 
 
th { 
 
    height: 50px 
 
} 
 
th, 
 
td { 
 
    padding: 10px; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8" /> 
 
    <title>Assignment 3B</title> 
 
</head> 
 

 
<body> 
 
    <table> 
 
    <tr> 
 
     <!-- 2 columns only --> 
 
     <th colspan="2">Seasons</th> 
 
    </tr> 
 
    <tr> 
 
     <th>March/April</th> 
 
     <th>Spring</th> 
 
    </tr> 
 
    <tr> 
 
     <td> <b> Cold </b> 
 
     </td> 
 
     <td>Warm</td> 
 
    </tr> 
 
    <tr> 
 
     <th> 
 
     <img src="tree1.png" alt="tree" style="width:150px;height:150px;"> 
 
     </th> 
 
     <td style="background-image: url(Light_Pink_430051_i0.png)"> <b>Warm </b> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</body> 
 

 
</html>

来源

2016-04-30 06:43:04

发生此行为是因为您选择的td和th不包含与行跨度中定义的列数量一样多。

来源

2016-04-30 06:44:52 Atula

我不想回答你的学校问题要问你，但我会尽力帮助你看着办吧

因此请记住行跨去，列有涨有跌。当你定义一个表格时，你需要定义表格。然后在表中和每行中定义每列的行。

所以采取的图像，并尝试首先想到

你得到第一个单元格右行。它跨越3列

然后在下一行。第一个单元格跨越2行，第二单元跨越3排和第三单元跨越一行

在你已经处理了第一和第二的cols下一行并需要定义第三单元

而在最后一行你需要定义第一个单元格，第二个单元格已经在第二行处理过了。然后，你需要定义的最后一个单元

希望你可以把它从那里

来源

2016-04-30 20:09:07 karina

表行是宽2列，这是小于列计数由第一排（3）

回答

相关问题