Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Affinity and Drop Menu Magic Tutorials PVII: the leader in Responsive Tools for Dreamweaver

Affinity Tutorial: Design Time CSS

Dreamweaver Design View does not support modern CSS standards very well sometimes. To work around some of the more egregious shortcomings, we included a special Design Time style sheet in your p7affinity folder. To deploy it, follow these steps:

Choose Format > CSS Styles > Design-time...

The Design-Time Style Sheets window will open.

Click the plus sign above the Show only at design time box and browse to the p7affinity-DT.css file in your p7affinity folder.

Click OK

This needs to be done for each page you want to "fix". Dreamweaver does not have a facility to apply DT style sheets site-wide.

Drop Menu Magic Tutorials

Choose from the following DMM tutorials.

Style Guide

Covers each rule in the DMM style sheet, including the responsive media queries.

Drop Menu Magic Style Guide