HTML and CSS Reference
In-Depth Information
The second cell in the row is the Used Belt Deflection heading cell, which spans two
columns (for the two cells beneath it). The code for that cell is as follows:
<th colspan=“2”>
Used Belt Deflection
</th>
Now that you have two cells that span two columns each, there's only one left in this
row. However, this one, like the first one, spans the row beneath it:
<th rowspan=“2”>
Set deflection of new belt
</th>
</tr>
Now go on to the second row. This isn't the one that starts with the Alternator heading.
Remember that the first cell in the previous row has a
rowspan
and a
colspan
of two,
meaning that it bleeds down to this row and takes up two cells. You don't need to rede-
fine it for this row. You just move on to the next cell in the grid. The first cell in this row
is the Limit heading cell, and the second cell is the Adjust Deflection heading cell:
<tr>
<th>
Limit
</th>
<th>
Adjust Deflection
</th>
</tr>
What about the last cell? Just like the first cell, the cell in the row above this one had a
rowspan
of
2
, which takes up the space in this row. The only values you need for this
row are the ones you already defined.
Are you with me so far? Now is a great time to try this out in your browser to make sure
that everything is lining up. It'll look kind of funny because you haven't really put any-
thing on the left side of the table yet, but it's worth a try. Figure 10.27 shows what
you've got so far.
FIGURE 10.27
The table so far.
Next row! Check your grid if you need to. Here, the first cell is the heading for
Alternator, and it spans this row and the one below it:
<tr>
<th rowspan=“2”>
Alternator
</th>
