Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.
- Create BookmarkCreate Bookmark
- Create Note or TagCreate Note or Tag
- PrintPrint
9. Page Layout > Modifying Dreamweaver’s CSS Layouts
The basic look of a freshly minted Dreamweaver CSS Layout doesn’t have much to recommend it: fixed-width layouts have a green and tan color scheme, while liquid layouts are grayish-blue. One of the first things you want to do with a CSS Layout is remove some of Dreamweaver’s formatting. In addition, you might want to tweak some of the basic layout properties, like the width of a fixed-width design, or the width of sidebars and main columns.
One of your first tasks should be to remove (or change) the background colors for the sidebar and other page elements of a CSS Layout page (unless you really like them, in which case your job is a lot easier). This generally means editing the styles in the Dreamweaver-supplied style sheet. You already know several ways to edit styles—like double-clicking the style’s name in the CSS Styles panel (Manipulating Styles) or using the Properties pane (Fast Style Editing with the Properties Pane). The real trick is locating the correct style to edit. Here’s the fast method:
