Таблица 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/