Design-Time style sheets allow you to show
or hide design applied by a CSS style sheet as you work in a Dreamweaver document.
For example, you can use this option to include or exclude the effect
of a Macintosh-only or a Windows-only style sheet as you design
a page.
Design-Time style sheets only apply while you are
working in the document; when the page is displayed in a browser
window, only the styles that are actually attached to or embedded
in the document appear in a browser.
Note: You can also enable
or disable styles for an entire page using the Style Rendering toolbar.
To display the toolbar, select View > Toolbars >
Style Rendering. The Toggle Displaying of CSS Styles button (the
right-most button) works independently of the other media buttons
on the toolbar.
To use a Design-time style sheet, follow
these steps.
Open the Design-Time Style Sheets dialog box by
doing one of the following:
Right-click in the CSS Styles panel, and
in the context menu select Design-time.
Select Text > CSS Styles >
Design-time.
In the dialog box, set options to show or hide a selected
style sheet:
To display a CSS style sheet at design-time,
click the Plus (+) button above Show Only At Design Time, then in
the Select a Style Sheet dialog box, browse to the CSS style sheet
you want to show.
To hide a CSS style sheet, click the Plus (+) button
above Hide At Design-Time, then in the Select a Style Sheet dialog
box, browse to the CSS style sheet you want to show.
To remove a style sheet from either list, click
the style sheet you want to remove, then click the appropriate Minus
(–) button.
Click OK to close the dialog box.
The CSS Styles panel updates with the selected style sheet’s
name along with an indicator, “hidden” or “design,” to reflect the
style sheet’s status.
Comments are no longer accepted for Dreamweaver CS3. Dreamweaver CS4 is the current version. To
discuss Dreamweaver CS3, please use the Adobe forum.
Comments
No screen name
said on
Aug 20, 2007
at
11:35 AM :
Design-time stylesheets work very well to hide elements such as CSS-based menus that aren't rendered correctly in DW's design view. One problem is that there's apparently no way to tie a design-time stylesheet to a template so it's always declared. Instead, you have to manually set it up for each new page.
Comments
Comments are no longer accepted for Dreamweaver CS3. Dreamweaver CS4 is the current version. To discuss Dreamweaver CS3, please use the Adobe forum.