This means the second row lacks a third cell, and the third row also
only has two cells (whose contents align with the second and third cells of the top row).
See the following screenshot of the table to help make sense of this.
A cell |
Another cell |
Yet another cell! |
A cell that spans two rows |
A cell that spans two columns |
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
236
Another cell |
The last cell |
Take care when spanning rows or columns with a cell, because it??™s easy to add extra cells
accidentally. For instance, in the preceding example, it would be easy to absentmindedly
add a third cell to both the second and third rows??”however, doing so appends the extra
cells to the end of the table (see the following example), which looks bad, and??”more
important??”makes little structural sense. Also, some screen readers have difficulty handling
such data, often assigning the wrong headers to various pieces of data (see the
???Creating accessible tables??? section later in the chapter for information on table headers).
Setting dimensions and alignment
As you can see from the examples so far, browsers by default set cell sizes to the smallest
possible values that are large enough to accommodate the contents and any cell padding
settings defined. Although this is suitable for the majority of purposes, designers tend to
want more visual control over layouts.
Pages:
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331