錶行是寬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）

回答

相關問題