Home › Forums › CSS › [Solved] Trouble creating row and column spans. › Reply To: [Solved] Trouble creating row and column spans.
January 13, 2014 at 9:38 am
#160265
Member
I’m not sure exactly what you have copied but it looks like you haven’t quite got it right.
Each year will need to have it’s own table if you want the effect you seem to be after…at least as far as I can tell.
Each table will have a thead
(which contains the ‘year’ textand a separate
tbody` which has the month rows.
What you have is just one monster table with two tbody
elements.
The structure for EACH table (remember, 1 per year) should be something like:
<table>
</thead>
<th colspan="2">1846</th>
</thead>
<tbody>
<tr>
<td>January</td>
<td> </td>
</tr>
<tr>
<td>February</td>
<td> </td>
</tr>
<tr>
<td>March</td>
<td> </td>
</tr>
<tr>
<td>April</td>
<td> </td>
</tr>
<tr>
<td>May</td>
<td> </td>
</tr>
<tr>
<td>June</td>
<td> </td>
</tr>
<tr>
<td>July</td>
<td> </td>
</tr>
<tr>
<td>August</td>
<td> </td>
</tr>
<tr>
<td>September</td>
<td> </td>
</tr>
<tr>
<td>October</td>
<td> </td>
</tr>
<tr>
<td>Novermber</td>
<td> </td>
</tr>
<tr>
<td>December</td>
<td> </td>
</tr>
</tbody>
</table>