表colspan＆rowspan

Question

我有一個小問題，colspan和rowspan。我想下面的表格製作：

但我被困在與該行跨度第二字幕：

<table border="1"> 
     <tr> 
     <th colspan="3"><h1>DIVING</h1></th> 
     </tr> 
     <tr> 
     <td colspan="2">col 1 row 1</td> 
     <td>col 1 row 1</td> 
     </tr> 

     <tr> 
     <td>col 1 row 1</td> 
     <td>col 1 row 1</td> 
     <td>col 1 row 1</td> 
     </tr> 


</table> 

當我把第二<tr>與<td>在問題，它遵循的第一字幕，而不是第二：

Answer 1

從圖像，它看起來像你有4列（不是3）。嘗試這樣的事情;

<table> 
    <tr> 
     <th colspan="4"><h1>DIVING</h1></th> 
    </tr> 
    <tr> 
     <td colspan="2">col 1&2 row 2</td> 
     <td colspan="2">col 3&4 row 2</td> 
    </tr> 
    <tr> 
     <td>col 1 row 3</td> 
     <td>col 2 row 3</td> 
     <td>col 3 row 3</td> 
     <td>col 4 row 3</td> 
    </tr> 
</table> 

然後重複第三行，並複製第二行作爲最後一行。

http://jsfiddle.net/D9VxN/