Skip to Main Content
Adobe® Dreamweaver® CS4 Bible
book

Adobe® Dreamweaver® CS4 Bible

by Joseph Lowery
March 2009
Beginner to intermediate content levelBeginner to intermediate
1321 pages
46h 24m
English
Wiley
Content preview from Adobe® Dreamweaver® CS4 Bible
433
Working with Divs and AP Elements
11
Hover over the content area to see all the CSS properties, including those related to the
box model.
Move your cursor over the padding or margin areas to see their respective values; for exam-
ple, Margin: 10px.
With the cursor over the border, the tooltip reveals the current values for the margin, bor-
der, and padding properties.
I recommend turning on the CSS Layout Box Model feature in the fine-tuning and debugging stages
of your Web page development; it’s a great tool for understanding exactly why elements on your page
are positioned the way they are.
CSS Layout Outlines
CSS Layout Outlines, when enabled, place a border around <div> tags and other block layout ele-
ments (see Figure 11-6). The outline is a dashed style for inserted
<div> tags and a solid border for
drawn Dreamweaver AP elements.
FIGURE 11-6
Highlight your
<div> tags at design-time with CSS Layout Outlines.
I tend to keep CSS Layout Outlines enabled during most of my design process; I find having the out-
lines visible quickly allows me to insert content in just the right places and, more importantly, select
the
<div> tags for quick refinement.
82523c11.indd 433 2/19/09 9:09:22 AM
434
Part III
Adding Advanced Design Features
Applying a CSS Layout
I
n this Technique, you apply ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Adobe® Dreamweaver® CS5 Bible

Adobe® Dreamweaver® CS5 Bible

Joseph W. Lowery
Dreamweaver® CS3 Bible

Dreamweaver® CS3 Bible

Joseph W. Lowery

Publisher Resources

ISBN: 9780470382523Purchase book