From the course: Dreamweaver CC Essential Training

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Enhance tables through styles

Enhance tables through styles - Dreamweaver Tutorial

From the course: Dreamweaver CC Essential Training

Start my 1-month free trial

Enhance tables through styles

“

- [Instructor] It's time to give the table in dining.html a bit more style and grace. Styling tables is tricky, not so much the technical aspect, but from the aesthetic point of view. Some people like to give tables striking background colors for alternating rows. I prefer a more subdued approach. First of all, though, we need to give the table a unique ID so that we can give it its own styles. Make sure that you're in live view. Then the quick way to select the whole table is to click anywhere inside the table, then in the tag selector at the bottom down here, just click table and the whole table is selected. Now we can assign an ID to it by clicking the plus button in the element display. It's an ID so it begins with a hash or pound sign. Then I'm gonna call it sample_menu. Press enter or return. That pops up that little panel asking us to select a source for the new style rule that it's going to create. I want it to be in main.css. I don't need a media query so I don't need to…

Contents