Copy CSS not available?

Question

Since the extract option is no longer available (and the course I'm taking goes over extracting) I'm attempting to copy CSS from Photoshop and paste into Dreamweaver.  After I copy the CSS from Photoshop, when I right click on my selection in the CSS Designer ( in this case, "nav") Paste Styles is not available. I know it's copying from Photoshop, because I can paste the CSS info into notepad. But why do I not have the option to paste in Dreamweaver?

Nancy OShea · Answer

DO NOT use CSS Designer Panels for this.

Photoshop:

Right click the layer or object you'd like to export the CSS from.
Click 'Copy CSS'

Dreamweaver:

Create a new CSS file. File > New > CSS. Hit CREATE button.
Save newly created file as myStyles.css.
Paste code from Photoshop directly into the code view panel with Ctrl/Cmd + C.
Save file with Ctrl/Cmd + S.
Give your style rules an understandable selector name and add that selector to your HTML markup.

Common examples of selector names:

TAGS: body, header, main, article, section, footer, h1, h2, h3, p, ul li, ol li.
REUSABLE CLASSES: .class_name, .abc-123, .ClassName.
UNIQUE ID: #id1, #Id2, #ID3 (can be used only one time per document).

Hope that helps. If not, post back.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded