Join James Williamson for an in-depth discussion in this video Challenge: Styling tables, part of HTML: Building Tables.
- We'll finish out our chapter on styling tables…by tackling our challenge…and in this challenge we're gonna style the table…from our previous challenge.…So let's go ahead and take a look…at the steps as right now I'm previewing…in a browser the finished file.…To show you what the finished table…is gonna look like when you're done…with you're styling,…but I'm gonna jump into our code editor…so we can take a look at the steps required for this one.…Now, we're gonna be targeting the reference.htm file…found in the 02_06 directory.…
So that's the one you want to preview…and we're gonna be modifying the CSS file.…So go find the _css directory in the same folder…and you wanna find the style.css…and at the very top of that…I have the instructions that we're going to need to do.…Okay, so step number one is going to be…to find the table styles around line 89.…So if I scroll down to about line 89…you can see that I have a comment here…that says table styles and I went ahead…and wrote the selectors for you.…
So for those of you that are brand new to CSS…
- Adding content to tables
- Defining table headers
- Styling borders
- Alternating table row colors
- Grouping table content
- Defining columns and headers
- Making table data accessible
Skill Level Beginner
Creating a Responsive Presentation in HTML5with Justin Putney1h 24m Intermediate
Creating a Responsive HTML Emailwith Chris Converse1h 43m Beginner
1. Table Basics
2. Styling Tables
3. Adding Meaning
Additional resources3m 47s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.