I’m not exactly sure how to get the “gas giants” and “ice giants” category to be in the same area as the Jovian planets. if someone could inform me how to do this, that would be much appreciated.
before getting to your question, here are some points to correct/improve your code:
- the correct way to link to css code is
link href='...' rel='stylesheet' ...
- the first column should occupy two columns
- the top-right cell should be
- “Name” column should be group of columns
now back to the question.
“Jovian Planets” row spans 4 rows, then it nests “Gas giants” row which spans 2 rows: “Jupiter” and “Saturn”, so you need to define this “tree” of elements (i have to admit it was obscure for me too at first).
so the “Jovian planets” row should look like this:
<tr> <th rowspan="4" scope="rowgroup">Jovian planets</th> <th rowspan="2" scope="rowgroup">Gas giants</th> <th scope="row">Jupiter</th> <td>1898</td> <td>142,984</td> <td>1326</td> <td>23.1</td> <td>9.9</td> <td>778.6</td> <td>-110</td> <td>67</td> <td>The largest planet</td> </tr>
this should give you the idea. get back if you still any questions.