Discussion on:

CSS3 styling for data tables

I tried your sample code. The tables look very interesting. I like the "blue gradient" styling.

When I validated the code as downloaded, I ran into a few problems... {Result: 37 Errors, 5 warning(s) } (only first instance/s are identified below):

I understand being under a deadline to finish an assignment, however, a quick validation of the code presented would be helpful.

According to the validator.w3.org it appears the following are invalid in html5:
1. summary (in a table element), (Line 18, Column 115:)
2. abbr (in a th element), (first occurrence: Line 23, Column 32:)
3. is invalid (in an open ), (Line 128, Column 6:)
4. Only 6 in one of the table rows.(Line 86, Column 11: A table row was 6 columns wide, which is less than the column count established by the first row (7).)
5. Align attribute on hr invalid (Line 129, Column 34:)
6. not allowed where it has been placed (in an open ) (Line 129, Column 34:)
7. (Line 207, Column 14: A table row was 0 columns wide)
8. Line 207, Column 14: Row 5 of a row group established by a tbody element has no cells beginning on it.
9. Line 218, Column 7: Stray end tag tr. (relates to the empty referenced at Line 207).
10. Line 10, Column 16: Unclosed element hgroup.
11. The element appears twice in table_2. this doesn't appear to be valid either.
12 width attribute on appears to be invalid.

[Quote marks this time...]

According to the validator.w3.org it appears the following are invalid in html5:
1. "summary" (in a table element), (Line 18, Column 115:)
2. "abbr" (in a th element), (first occurrence: Line 23, Column 32:)
3. "br" is invalid (in an open "hgroup"), (Line 128, Column 6:)
4. Only 6 "th"s in one of the table rows.(Line 86, Column 11: A table row was 6 columns wide, which is less than the column count established by the first row (7).)
5. "Align" attribute on hr invalid (Line 129, Column 34:)
6. "hr" not allowed where it has been placed (in an open "hgroup") (Line 129, Column 34:)
7. (Line 207, Column 14: A table row was 0 columns wide)
8. Line 207, Column 14: Row 5 of a row group established by a tbody element has no cells beginning on it.
9. Line 218, Column 7: Stray end tag "tr". (relates to the empty referenced "tr" at Line 207).
10. Line 10, Column 16: Unclosed element "hgroup".
11. The element "thead" appears twice in table_2. This doesn't appear to be valid either. http://dev.w3.org/html5/spec/Overview.html#tabular-data
12. The "width" attribute in the "hr" appears to be invalid.(Line 129, Column 34: The width attribute on the hr element is obsolete.)