txt from the download files, to save inputting the
data yourself.
In The Art Of Stopping |
3:34 |
Wire |
Send |
3 |
Electron John |
3:18 |
Worm Is Green |
Push Play |
42 |
The following image shows the table so far.
Take care that your table body content aligns correctly with your table headers.
Badly formed tables are one thing, but when the headers and data don??™t
correlate, the table is useless.
TABLES: HOW NATURE (AND THE W3C) INTENDED
245
6
This table??™s not pretty, but it??™s structurally sound, and it includes all the relevant elements
to at least help make it accessible. As you can see, the addition of the caption and table
header cells also makes a difference. If you??™re unsure of this, look at the following screenshot
of the same table, with plain table data cells throughout and no caption.
All the information might be there, but it??™s harder to pick out the headers, and users will
have to rely on body copy elsewhere to discover what the data in the table represents.
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
246
Styling a table
Flip back over the past few pages and you might notice that the table doesn??™t exactly bear
a striking resemblance to the iTunes playlist as yet. But then, we??™re only halfway through
building the table. Now it??™s time to start styling it using CSS.
Pages:
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343