Your Electronic Books

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.











THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
236

A cell	Another cell	Yet another cell!
A cell that spans two rows	A cell that spans two columns
	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