618545
147
Zoom out
Zoom in
Previous page
1/661
Next page
140
USING DREAMWEAVER
Creating pages with CSS
Last updated 3/28/2012
In addition to seeing a visual representation of the box model in Inspect mode, you can also use the CSS Styles panel
as you hover over elements in the Document window. When you have the CSS Styles panel open in Current mode and
hover over an element on the page, the rules and properties in the CSS Styles panel automatically update to show you
the rules and properties for that element. Additionally, any view or panel related to the element you’re hovering over
updates as well (for example, Code view, the Tag selector, the Property inspector, and so on).
1 With your document open in the Document window, click the Inspect button (next to the Live View button in the
Document toolbar).
Note: If you’re not already in Live view, Inspect mode automatically enables it.
2 Hover over elements on the page to see the CSS box model. Inspect mode highlights different colors for the border,
margin, padding, and content.
3 (Optional) Press the left arrow on your computer keyboard to highlight the parent of the currently highlighted
element. Press the right arrow to return to highlighting for the child element.
4 (Optional) Click an element to lock a highlight selection.
Note: Clicking an element to lock a highlight selection turns off Inspect mode.
More Help topics
Previewing pages in Dreamweaver” on page 272
The CSS Styles panel” on page 120
Check for cross-browser CSS rendering issues
The Browser Compatibility Check (BCC) feature helps you locate combinations of HTML and CSS that have problems
in certain browsers. When you run a BCC on an open file, Dreamweaver scans the file and reports any potential CSS
rendering issues in the Results panel. A confidence rating, indicated by a quarter, half, three-quarter, or completely
filled circle, indicates the likelihood of the bug’s occurrence (a quarter-filled circle indicating a possible occurrence,
and a completely-filled circle indicating a very likely occurrence). For each potential bug that it finds, Dreamweaver
also provides a direct link to documentation about the bug on Adobe CSS Advisor, a website that details commonly
known browser rendering bugs, and offers solutions for fixing them.
By default, the BCC feature checks against the following browsers: Firefox 1.5; Internet Explorer (Windows) 6.0 and
7.0; Internet Explorer (Macintosh) 5.2; Netscape Navigator 8.0; Opera 8.0 and 9.0; Safari 2.0.
This feature replaces the former Target Browser Check feature, but retains the CSS functionality of that feature. That
is, the new BCC feature still tests the code in your documents to see if any of the CSS properties or values are
unsupported by your target browsers.
Three levels of potential browser-support problems can arise:
An error indicates CSS code that might cause a serious visible problem in a particular browser, such as causing parts
of a page to disappear. (Error is the default designation for browser support problems, so in some cases, code with
an unknown effect is also marked as an error.)
A warning indicates a piece of CSS code that isn’t supported in a particular browser, but that won’t cause any
serious display problems.
An informational message indicates code that isn’t supported in a particular browser, but that has no visible effect.
Browser compatibility checks do not alter your document in any way.
147


Need help? Post your question in this forum.

Forumrules


Report abuse

Libble takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Product:

For example, Anti-Semitic content, racist content, or material that could result in a violent physical act.

For example, a credit card number, a personal identification number, or an unlisted home address. Note that email addresses and full names are not considered private information.

Forumrules

To achieve meaningful questions, we apply the following rules:

Register

Register getting emails for Adobe DREAMWEAVER CS5.5 at:


You will receive an email to register for one or both of the options.


Get your user manual by e-mail

Enter your email address to receive the manual of Adobe DREAMWEAVER CS5.5 in the language / languages: English as an attachment in your email.

The manual is 21,23 mb in size.

 

You will receive the manual in your email within minutes. If you have not received an email, then probably have entered the wrong email address or your mailbox is too full. In addition, it may be that your ISP may have a maximum size for emails to receive.

Others manual(s) of Adobe DREAMWEAVER CS5.5

Adobe DREAMWEAVER CS5.5 User Manual - German - 753 pages

Adobe DREAMWEAVER CS5.5 User Manual - Dutch - 725 pages


The manual is sent by email. Check your email

If you have not received an email with the manual within fifteen minutes, it may be that you have a entered a wrong email address or that your ISP has set a maximum size to receive email that is smaller than the size of the manual.

The email address you have provided is not correct.

Please check the email address and correct it.

Your question is posted on this page

Would you like to receive an email when new answers and questions are posted? Please enter your email address.



Info