The HTML5 CSS Starter Page Series - Part 12: Styling Data Tables

Monday, 18 July 2011 10:30 PDFPrintE-mail

View Comments
In this installment of the HTML5 CSS Starter Page series, we're going to add tables to the faculty and classes pages of the Stringendo Studios site. We're going to perform a slick little trick with these tables - we're going to use the :nth-child pseudo class to create alternating colors on the table rows while keeping the markup free of extraneous classes. Then we're going to use a script to make Internet Explorer support the pseudo class, though natively it does not do so. This will finish up all the pages of the desktop Stringendo site - all we'll have left is the

This tutorial includes exercise files.

The HTML5 CSS Starter Page Series:
The HTML5 CSS Starter Page Series - Part 1
The HTML5 CSS Starter Page Series - Part 2: Content Models
The HTML5 CSS Starter Page Series - Part 3: Constructing the Layout
The HTML5 CSS Starter Page Series - Part 4: Markup Continued
The HTML5 CSS Starter Page Series - Part 5: Styling the Layout
The HTML5 CSS Starter Page Series - Part 6: More Layout Styling
The HTML5 CSS Starter Page Series - Part 7: Styling the Navigation for the Layout
The HTML5 CSS Starter Page Series - Part 8: Site Tasks
The HTML5 CSS Starter Page Series - Part 9: The Video Page
The HTML5 CSS Starter Page Series - Part 10: The Contact Page
The HTML5 CSS Starter Page Series - Part 11: The Contact Page Continued
The HTML5 CSS Starter Page Series - Part 12: Styling Data Tables ...


Posted: 2011-07-18 10:30:00

Read Full Article
blog comments powered by Disqus