Fireworks CSS Properties panel shorthand

Hi is where any way insted of:
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
line-height:140%;
color:rgb(168,168,169);
text-align:left;
to have:
color: #A8A8A9;
font: 16px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
and same shorthand for everything else. Is where any way to edit CSS Properties panel?
P.S. I was trying http://mattstow.com/css-professionalzr.html , but in most cases its not working.

Without doing a lot research into this, I'm not sure what to suggest. I think you're on the right track by trying a tool like Matt's CSS Professionalzr. Have you tried giving him feedback on what's not working? (I do see that it's version 0.4, so it could still be a work in progress.)
Within the CSS Properties panel itself, I don't see any shorthand options. I know the panel was introduced as an add-on to CS5, so it's still a relatively new feature.
I don't know if Dreamweaver might be helpful to you here. It has options for writing CSS shorthand.
Perhaps there's a way to "wash" the Fireworks code output in Dreamweaver by resaving or editing the CSS file or something. If not, I'd do a Google search for some kind of tool that's oriented towards "CSS shorthand". There might be a converter out there.

Similar Messages

Why the css properties panel it doesn't open?

The css properties panel in my trial version of Fireworks CS6, it doesn't open. May this be due to some limitations in trial version (which I wasn't aware of)?
Thank in advance

You scroll the camera icon up, not tap it.

Character Styles in CSS Properties Panel are not correct

I am using Adobe Illustator CC.
I am trying to export all of the charter styles as CSS. However the CSS panel is not generating the correct style.
Right now, in the Character Styles Panel and CSS Properties Panel I have 3 styles (Default, h1, h2)
This is how they are defined in the Character Styles Panel:
1. [Normal Character Style]:Helvectic Neue LT Std, 55 Roman, 16px
2. h1: Helvectic Neue LT Std, 25 Ultra Light, 35px
3. h2: Helvectic Neue LT Std, 45 Light, 18px
HOWEVER
When I go to the CSS Properties panel the code is not showing the Font Style:
This is how they are defined in the CSS Properties Panel:
1. [Normal Character Style]:
.NormalCharacterStyle
font-family : Helvetica Neue LT Std;
font-size : 16px;
color : #19131F;
color : rgb(25, 19, 31);
2. h1:
.h1
font-family : Helvetica Neue LT Std;
font-size : 35px;
letter-spacing : 0.53px;
color : #FFFFFF;
color : rgb(255, 255, 255);
Missing: 25 Ultra Light
3. h2:
.h2
font-family : Helvetica Neue LT Std;
font-size : 18px;
text-transform : uppercase;
color : #FCFCFC;
color : rgb(252, 252, 252);
Missing: 45 Light
Am I not doing somethign correctly? Is it a problem with my font or with Illustrator?
Also, in case it makes a difference, I only have the default paragraph style defined. It's style is; Helvectic Neue LT Std, 55 Roman
Thanks!

CSS cannot render typographical multiple weight fonts simply because that's just not how it works. All CSS does is reference a physical font file and its properties and while it's possible to use the font-weight and font-style attributes to make standard fonts lighter or bolder it does not compare to anything you would do with the font in a real design environment. That and of course you still need to define fallback/ substitution options - the Helvetica Neue you are referencing is exclusively available on Apple systems only and even if what you are trying worked off the bat, it would be useless on alternate devices that have no access to the font.
Mylenium

Css properties panel won't allow changes

Every time I try to make a change within the CSS Properties Panel, everything disappears and will not work. I have brought this to my teachers attention, and he says I have done everything correctly, so I am completely unaware of what the issue is. On top of this, it seems like DW CC has had quite a number of problems, including it quitting itself and not being able to restart. Any help would be appreciated!

Run the validators anyway, "missing apostrophe syndrome" hits the best of us. I'm not saying your professor missed something, but it's possible.
If the code comes up clean, it may be time to move onto some general catch all troubleshooting steps...
Clear Program Cache: Deleting a corrupted cache file
Restore Preferences: Restore preferences | Dreamweaver CS4, CS5, CS5.5

CSS properties panel - odd problem

Recently the CSS properties panel has suddenly changed and
won't operate or display the way it's supposed to. The CSS Styles
panel is open. I've got the layout set to "Show only set
properties". When I choose a selector the properties show up below
it, however the "Add property" link is gone and there are no labels
for each property.
I've never seen this before and I can't find any option to
switch it back, in case I changed the layout by accident. Has
anyone any knowledge of this? Did I do something to change the
layout?
Thanks for any assistance.
Jeff

I am having the same problem. I even reinstalled Dreamweaver
but it didn't help. Any ideas?
Thank you.
Donna

URGENT...CSS Extraction/ CSS properties panel

Hi there,
I can not find the CSS properties panel for the life of me....anyone help please??
I have read forums, view videos, updated my cc, but no luck.
Help please?
Cheers

This? As Scott said make sure you are updated to the CC version.
http://helpx.adobe.com/illustrator/using/css-extraction.html

Having trouble with CSS Properties panel

copying all from a button (example). Many properties such as gradient don't always seem to be shown in the properties and therefor not carried across to the external (DW) page? What am I doing wrong? No problem modifying CSS but shouldn't it be there?
In fact if I don't put in a border to the button only the dimensions seem to be there?

The .tif file format isn't generally recommended for web use; it's intended more for print. Historically, some browsers haven't supported the format, if I recall correctly, though many of them may do so now. (Just checked Firefox and Safari, and both seem to display the format just fine.)
It could be that Dreamweaver doesn't recognize the .tif format. (I'm a little lazy to test this theory at the moment, but it seems quite likely.) Here's one rather old thread on this topic: http://forums.adobe.com/thread/26977
Incidentally, this is straying from the topic of your original post and would have been better posted as a new discussion.

Properties panel missing things in css mode (CS4)

Hi - I'm doing a tutorial in css with a Dreamweaver CS4 pre-designed layout. I want to make a nav bar by using an unordered list and hyperlinking the words in the list.
My properties panel (bottom of the window) in css mode does not show a box for links or a gizmo for making lists, indents, etc.Shouldn't those be available?
Do I have to use the menus at the top? Do I switch to <>HTML to get the features that are missing in css mode?
Insights would be appreciated.
Thank you.

Hi - I'm doing a tutorial in css with a Dreamweaver CS4 pre-designed layout. I want to make a nav bar by using an unordered list and hyperlinking the words in the list.
My properties panel (bottom of the window) in css mode does not show a box for links or a gizmo for making lists, indents, etc.Shouldn't those be available?
They are when you click on the HTML button on the Property inspector.

CSS in Properties Panel is blacked out.

Some of my CSS rules are blacked out (highlighted in black) in my Properties Panel.
Does this mean there is something wrong with the CSS in my site?
Any ideas or explanation would be appreciated.
I am using DW CS6 on a Mac Book Pro Retina 15, OS 10.9.5
Thanks,
MG

Is it not showing you an example of the CSS style? So instead of being blacked out, it is showing you what it looks like.
Jim

Properties disappear in CSS Designer panel intermittently

I am experiencing the properties for a CSS rule dissaperaing intermitantly from the CSS Designer Panel but not reappearing in CC since the latest update. The only way I have been ableto fix this has been to quit DW and re open. Sometimes happens 3 to 4 times in a row then maybe not for days. I am using fluid grids for this project. Has any one else experinced this and is there a fix.
Very anoying bug - seems the last update created more than it fixed

The link to the latest page this is causing a problem on is...
http://www.branchingoutcairns.com.au/services.html
.....there are others from other projects which leads me to believe it is a DW bug but have a look you might pick up something for which I would be grateful
The issue comes around when ever you try to alter padding or margin or corner radius and not all the time - as I said could happen forur times in a row or not for days
Bruce

When I type in Fireworks, nothing shows up in my Properties panel??!?

I'm currently going through a tutorial on building a contact form. When I try to type anything, my property panel is empty. This mean that if I want to change anything, like the font, size etc. I have to do it in the top menu.
I've tried quitting Fireworks, then reopening it with a fresh new document -- same thing.

Use the symbol properties panel, not the regular properties panel and change the label of the selected form symbol in that panel. HTH

Confused With Dreamweaver CC and the CSS Styles Panel!

Hi all
I'm relativley new to the CC but I'm having alot of fun learning how to use dreamweaver, But now comes where I get confused. I'm learning from Lynda.com "Dreamweaver and WordPres Core Concepts" and as I follow the tutorial regarding the actual structure of wordpress themes I have different panels to the tutour.
As you can see from the pics I have a different set up and this makes it very hard to follow the tutour.
I have tried the windows menu but there is no CSS Style Panel, plus I have media, sources, selectors, and properties. Apparently the tutour is also usin CC.
Can someone please guide me on how to learn dreamweaver with up to date tutourials....

I'm not familiar with the Dreamweaver/WordPress videos on lynda.com, but if the tutorials are showing the CSS Styles panel, it means that it was recorded on Dreamweaver CS6 or earlier.
The CSS Designer panel replaces the old CSS Styles panel in DW CC. Since you have access to lynda.com, I suggest that you take a look at James Williamson's CSS Designer overview in Dreamweaver CC Essential Training.

Defined rule not seen in Properties Panel

I am a novice, using DW CS5, trying to learn the 1 column liquid, centered, header and footer layout provided.
The following rule is seen in Code View, as well as in the CSS Panel:
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
However, this rule is not available in the Properties Panel, as are the others to apply, e.g. .content.
I'm sure that the answer is simple, but it eludes me.
Thanks,
Sonny
Mac OS 10.9.5

Exactly what do you mean by "not available" in the Properties panel?
Are you looking at the HTML properties or CSS properties inspector?
And what are you trying to do with the list elements?
If you're trying to insert a list, use the HTML properties inspector and click on the bullet (unordered list) or numbered (ordered list) icon.
Nancy O.

Properties panel

Silly question, but how do I keep the properties panel from disappearing each time I use it? I just want it to stay available.

Keep in mind that the Properties Inspector is context sensitive, and changes depending on your focus within the document window. Iif you are using CS4, you have the opportunity to see either the HTML or the CSS Properties Inspector via the buttons on the left side of the Properties Inspector.
It should 'be there' persistently, but it will look different in different contexts. You may only see a grey bar labelled "Properties"; click on the bar and it opens the panel. If you are not seeing it at all, either closed or open, go to Window > Properties to bring it back.
Investigate the workspace layout; become familiar with the interface. You'll be glad you did.

Flex properties panel

Hi,
I am try to create a test application with the flexbuilder
plugin. But when I look into the Flex properties panel I see only
basic properties. I have already re-install the flex builder to
lookup the details of the properties panel without success.
I don't see in the properties panel the "Styles", "layout"
and other advanced options... How can I get those settings back.
Or where can I put those settings on.
Regards,
Guy

The "Specific component with style name" acts as a hint to
CSS Design View and serves to document the purpose of the style.
However, Flex itself ignores the component name portion of the
name.
So, if you have Label.myLabel{} in a css file and open that
file in CSS Design View, you will see a preview of that style with
a Label as the sample component. If you have just myLabel{}, CSS
Design View will not know what to use as the sample component, so
you would need to select the sample component from the combo box at
the top of CSS Design View.
In the MXML source code, Flex considers Label.myLabel and
myLabel to be the same thing. This is a limitation of Flex and the
MXML compiler. It ignores all characters before the dot in the
style name.
So, the Label.myLabel syntax is only useful in Flex Builder
CSS Design View. It saves you from having to select Label as the
sample component. We also consider it to be a good practice because
it makes it clear from the name that the style is intended for use
with a Label and not some other kinds of components.
-- Greg Dow
-- Adobe Flex Builder Team

Fireworks CSS Properties panel shorthand

Similar Messages

Maybe you are looking for