04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Taking the styled tables for a test drive<br />

That’s a lot of changes at once. Make sure you save them, and you should<br />

validate as well. Then load “journal.html” into your browser.<br />

The table looks quite<br />

different now that you’ve<br />

styled it. We’re also<br />

inheriting a few styles that<br />

were already in Tony’s journal.<br />

All the fonts are now sans-serif<br />

and a smaller size. We picked<br />

that up from the previous styles<br />

already in the file.<br />

Now we’ve got a dark border<br />

and dotted lines.<br />

And we’ve got some margin on<br />

the table and some padding in<br />

each table cell.<br />

Those dotted lines are looking<br />

really busy and distracting<br />

though. It doesn’t help that they<br />

are duplicated between each pair<br />

of table cells.<br />

Remember, in browsers that don’t support the caption-side<br />

property, the caption will still be at the top of the table.<br />

tables and more lists<br />

you are here 561

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!