Styling tables


show more Styling tables provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles show less
please wait ...

Styling tables

>> We've seen how to create the structure of data tables, now let's start styling them. If you're following along with the exercise files we're working on the page government.html, which is in the 07_04 folder of the chapter seven exercise files. Open the page in Dreamweaver and then click on the new CSS rule button in the CSS styles panel. Click on tag for the selector type. In the tag menu, click on the arrow to bring up a list of possible tags, scroll down to select table.

For the define in option, leave the selection in styles.css. Previously we had been defining styles in the head of the document, but once we created multiple pages on the site, it made sense to move the styles into an external style sheet that could be referenced by multiple pages throughout the site. We're going to add our table styles to the central style sheet so that all of the pages can share them. Click okay. Click on the box category in the CSS rule definition dialogue box.

Uncheck the same fo...

Styling tables
Video duration: 5m 19s 6h 9m Appropriate for all

Viewers:

Styling tables provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles

Subject:
Web
Author:
please wait ...