Styling table headers


show more Styling table headers provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training show less
please wait ...

Styling table headers

Now technically, I know we styled our table headers in the last movie, but there remains, as you can see in our table here, a lot of work to be done. Well currently, there is nothing in our styles that differentiates our table headers from our table data. Other than the font size, they pretty much look the same. As a general rule, this is a bad idea, since users should be able to quickly scan our tables to find the data. Without being able to identify our headers easily, establishing relationships between the data is going to be difficult.

Since we've removed any default styling that identifies our headers, we will return to them and the thead element to add our header styling. So here we have the bigsur_trails file open and what we are going to do is we are going to go over to our CSS Styles panel. I am going to collapse the Files panel, and we are looking for our table styles. Now, if you remember in the last movie, we placed them right above the Spotlight region. So we should have t...

Styling table headers
Video duration: 7m 52s 15h 22m Beginner

Viewers:

Styling table headers provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS5 Essential Training

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...