Sams Teach Yourself HTML, CSS & JavaScript Web Publishing in One Hour a Day

(singke) #1
ptg16476052

Spanning Multiple Rows or Columns 271

10


You should also adjust the padding on all the table cells and headers. The quickest way is
with a style sheet:



Now create the first row. With the grid on your picture, you can see that the first cell is
empty and spans two rows and two columns (see Figure 10.24). Therefore, the HTML for
that cell would be as follows:




The second cell in the row is the Used Belt Deflection heading cell, which spans two col-
umns (for the two cells beneath it). The code for that cell is as follows :


Used Belt Deflection

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:


Set deflection of new belt

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


FIGURE 10.24
The first cell.



Free download pdf