In Part 1 of this series, we looked at the CSS Layout Outlines. While this option provided us with clear demarcation by setting a border against our elements, it didn't provide any feedback on the layout itself.

In Part 2 we will be looking at the CSS Layout Box Model option. The CSS Layout Box Model visual aid is a very useful feature, a feature that provides both a method of selecting individual elements and gaining feedback about the CSS rules set against the selected element. All this information can be accessed directly from within Dreamweaver's design view and is available in text and visual design formats.

The Dreamweaver Built-In CSS Help Features Series:
Dreamweaver Built-In CSS Help Features - Part 1: CSS Layout Outlines
Dreamweaver Built-In CSS Help Features - Part 2: CSS Layout Box Model
Dreamweaver Built-In CSS Help Features - Part 3: CSS Layout Backgrounds Coming Soon...

Related Articles

• Extending Dreamweaver CS4: Part 4 - Digg This!
• Extending Dreamweaver CS4: Part 3 - Phatfusion SortableTable
• The CSS Starter Page Series Part 7: Adding A Spry Menu Bar
• The CSS Starter Page Series Part 6c: Adding Navigation Schemes Part Three
• Extending Dreamweaver CS4: Part 2 - jQuery UI Calendar
• Extending Dreamweaver CS4 - Part 1: The TNC Lightbox
• Dreamweaver Built-In CSS Help Features - Part 3: CSS Layout Backgrounds
• The Adobe BrowserLab Web Service
• CMX JumpStart: Siberia
• Introducing CMX JumpStart Siberia

• Dreamweaver Built-In CSS Help Features - Part 1: CSS Layout Outlines
• The CSS Starter Page Series Part 6b: Adding Navigation Schemes Part Two
• A Beginner's Guide to Spry - Part 5: Spry Menu Bar
• The CSS Starter Page Series Part 6A: Adding Navigation Schemes
• A Beginner's Guide to Spry - Part 4: Spry Tabbed Panels
• A Beginner's Guide to Spry - Part 3: The Spry Accordion
• Introducing CMX JumpStart: Nairobi Flexible
• CMX JumpStart: Nairobi-Flexible
• A Beginner's Guide to Spry - Part 2: The Spry Collapsible Panel
• CMX JumpStart: Isle of Skye