CSS Designer to old visualization

Buongiorno a tutti,
sono passato da Dreamweaver CS6 a Dreamweaver CC 2014.
Nessun problema, tranne per la gestione dei CSS: il nuovo CSS Designer è scomodo e poco funzionale per me. Ero riuscito per caso, tramite una scorciatoia da tastiera a visualizzare il vecchio pannello "Stili CSS". Di fatto però non riesco a ritrovare questa scorciatoia per passare da un pannello all'altro. Qualcuno di voi sa aiutarmi?
Grazie.
Daniele

Nuovamente buongiorno,
provando scorciatoie da tastiera sono finalmente riuscito a trovarla: a chi interessasse il comando per passare alla vecchia visualizzazione stili è Ctrl+Alt+Shift+P
Buona giornata a tutti.
Daniele

Similar Messages

Is the classic css panel only available in C6? I hate the dumbed-down css designer panel

Im currently testing Dreamweaver CC 2014 during the Trial period. So far I like the interface but I HATE the css designer panel. I've been using Dreamweaver for 7 years and the classic css panel was one of the key components I use on a daily basis. For me this is a deal breaker - Im in the middle of a major design project and dont have the time or the patience for this cluttered and dumbed-down css designer panel. Can the people at Adobe at least give the seasoned users the option to have the classic designer panel? Or should I just stick with the old CS6 and keep using it until something better comes along?

For a while, we had the choice of panels, but it looks like that option has been removed, have a look here https://books.google.com.au/books?id=nfDpAQAAQBAJ&pg=PA94&lpg=PA94&dq=dreamweaver+cc+class ic+css+panel&source=bl&ots=Lut…

Dreamweaver: cannot find CSS Designer

I need some help. I am trying to find the tab or panel that allows me to use the CSS Designer. I try to follow the videos that Adobe posts on learning how to use Dreamweaver, but it doesn't help a lot cause i can never find any of the buttons the videos are using. Espcially now, I cannot find the tool to allow to edit using CSS. I need some help here.

Go to Window > CSS Designer or hit Shift + F11 to open the CSS Designer.
If those don't bring it up, you're likely using a version that is older than the addition of the CSS Designer (DWCS6 or earlier).
Go to Help > About Dreamweaver to check your version.
If you do have CC or later and only get the old CSS Panel when you go to that menu or hit the shortcut, it would mean you need to hit Ctrl + Alt + Shift + P to switch the CSS Panel to the Designer.

CSS designer panel missing

I have just installed dreamweaver cc but there is no css design panel, only the old css styles panel. Why?

Not sure exactly what you were expecting but I doubt if you can ever
design a CSS! You can style your page using CSS by applying the styles
you have created but I doubt very much you can have anything in DW that
allows you to design a style. Perhaps it is the terminology in DW
because DW says "CSS Designer" but it is all about creating your style
to apply to the HTML tags you might have on a page.
Can you clarify what were you expecting in DW CC? I don't use CC but
there are many people here who are (e.g. John Waller or Ben Pleyser if
they are not watching the "ashes
<http://www.bbc.co.uk/sport/0/cricket/24942665>") so they can tell you
how to go about doing what you are looking for.
Good luck.

Dreamweaver CC: CSS-Designer gesperrt

Nchdem ich meine Dreamweaverdateien in die Creative Cloud hochgeladen habe, kann ich den CSS-Designer im Dreamweaver nicht mehr benutzen. Die Dateien sind gesperrt, mit der Meldung: "xxx.css ist eine remote-datei und kann nicht bearbeitet werden." Ich weiß nicht, wie ich weitermachen kann und bitte um Hilfe.

In the index.html it looks so:
<link href="http://www.mysite.de/css/oneColFixCtrHdr.css" rel="stylesheet" type="text/css">
The Site is 8 month old und is very good. All was best.
Then, some days ogo, I loaded up my files on the CC.
I did not do anything else.
And now, the CSS-Generator closes the CSS-Files, when I open a xyz.html with the Comment:
"oneColFixCtrHdr.css ist eine remote-datei und kann nicht bearbeitet werden."
I do not understand this and I cannot work now.

CSS Designer in Depth | Creative Cloud for Web | Adobe TV

Get an in-depth look at the powerful new CSS Designer tools in Dreamweaver CC. Intuitive visual editing tools help you generate clean, web-standard code and quickly apply CSS properties like gradients and box shadows. You can see the effects on your designs immediately, eliminating tedious tweaking and the need to go back and forth to Code view.
http://adobe.ly/ZSeWkr

The new CSS Designer feature in Dreamweaver CC is a very nice addition to the interface’s workflow. However, it’s not best for all workflows, whereby there should still be a non-assisted CSS editor option available, like in CS6, “without” all the new visual designer tools.
In CS6’s CSS properties editor you can quickly glance at the currently selected element’s CSS properties and directly edit the actual property values in a column format making this a very precise and straightforward workflow process.
For me, the ability to quickly edit CSS properties by clicking on respective elements in the design view editor is the biggest advantage and real power for using Dreamweaver over notepad type editors. Without this option (when working in split mode), it requires switching back and forth between different style-sheets and code view.
Though I really like everything else I’ve seen so far, in this latest version, this seemingly small feature restriction will considerably slow down my overall typical workflow process in most cases. So, until a non-assisted CSS properties editor option is available, I’ll continue using CS6. Please, please fix this soon! Hopefully this is only a short-term oversight and resolved in a very near future update.

Problem with CSS Designer in the Panels

Hello,
I have just joined Creative Cloud, I have downloaded the newest apps. In Dreamwever I cannot see the CSS Designer in the panels. After a few ours of looking for solution for this problem (all throw Internet inclusive this Forum), I have to ask you dear helpers to help me.
So, where I can find CSS Designer in the Panels? It is not on the right side, it is nowhere.
Thank you in Advance
be-designed, Slava

Dear John,
Thank you for you answer.
I lost many ours looking for what is wrong with my CC Connect, Dreamweaver... I would suggest to Adobe to put a small info on a visible place for people to know about this.
best regards
be-designed

Flash Builder 4 CSS Design Mode

Hello,
     I would like to know why CSS Design mode was removed from Flash Builder 4?
     I am a Design/Developer so it was much easier for me to use CSS in Design mode.
     What are my options? Is there any other tools for visual editing CSS for a Flex application?
Thanks

Hi Fernando, sorry for the delayed response. CSS Design Mode is not available for Flex 4 projects, but it is still available in Flex 3 projects. The reason for this is that designing components in Flex 4 is often a lot different, since it relies highly on the new spark skinning architecture. There is, however, an Appearance panel available in design view which supplies a set of the main inheriting styles. Setting these styles in the Appearance panel will result in assigning values to a global style selector.
I hope this helps,
Rob

How to set image border with CSS Designer?

I must be missing something obvious...
I need to set an image border. I select the image. But I don't see any relevant inline style option in CSS Designer.
It only lets me change <inline style> : td but there's no option for the image.
What am I missing?
Thanks,
Leo

Thanks John,
Yes, obviously I select the image.
However, it doesn't change anything.
I don't get the "img" selector whatever choice I select it the Sources pane.
What am I missing?

CSS Designer problem

I am on the fifth tutorial. It was going fine at first, but now when I try to edit the properties of a selector in the CSS Designer, every time I change a value it somehow exits the properties page (and the selector) so that I have to select main.css and then select the selector I was working on (#mainnav ul) again to be able to continue editing the properties. This wasn't happening before, so I'm not sure what happened, if I inadvertently changed a setting or what. Please help! It will take me forever to do anything if I have to navigate my way back for each property I need to edit instead of being able to do it all at once.

I'm still not sure what the problem was, but quitting Dreamweaver and opening it again seemed to solve the problem. I would be great to know what the cause was, though, just in case it happens again. (Or so I don't make the same mistake again). If anyone has an idea, your thoughts would be much appreciated

List Padding in CSS Designer

I'm trying to set up an unordered list as a navigation menu using CSS Designer. I've set the list-style-type to none, but when I try to use CSS Designer to set the padding for the UL to 0px, it works initially, but when I turn Live View off and then back on, the padding returns. I know how to make this work by typing in the CSS manually, but I'm wondering if there's a way to make it work using CSS Designer.

Ah, I see what you're saying. I think that's proabably a bug.
If you turn on the little chain link in the center of the padding or margin, then type in a zero for one of the sides, it functions correctly (which is what I was doing). If you only type a zero without turning on the link first, it does nothing. As you've found, if you put something else in first, then go to zero it works correctly.
Here's the best place to report that bug...
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

Setting a background image using CSS Designer

I am trying to set a background image for a page header using the CSS Designer. When I click the browse button the Select Image Source dialog box launches but any time I click on something the dialog box closes and no changes are made. Does anyone know what is causing this?

Which DW are you using and which platform/OS, please? I am unable to reproduce this with CC2014 on OS10.9.4

CSS code completely fouled up by CSS designer

I'm having a bunch of bugs with Dreamewaver CC. Inserting images in code view or in design view always places them in the wrong place. For example inserting an image using Cmnd/Ctrl + Alt/Option + i with the cursor placed before paragraph 1 will insert the image after the last paragraph in the document or some other random place in the page. The only thing that kind of works is that the insert stays in the right div.
That's not the worst of it. I made a few edits to a fluid layout using the new CSS design panel and all of the line feeds and line breaks have dissapeared making the code extremely hard to read, troubleshoot and edit. Has anyone seen this?
Here's what the code looks like now:
@charset "UTF-8";
/* Simple fluid media   Note: Fluid media requires that you remove the media's height and width attributes from the HTML   http://www.alistapart.com/articles/fluid-images/ */
img, object, embed, video {          max-width: 95%;          margin-left: auto;          margin-right: auto;          display: block;}/* IE 6 does not support max-width so default to width 100% */.ie6 img {          width:100%;          }/*          Dreamweaver Fluid Grid Properties          ----------------------------------          dw-num-cols-mobile:                    4;dw-num-cols-tablet:                    8;dw-num-cols-desktop:          14;dw-gutter-percentage:          15;Inspiration from "Responsive Web Design" by Ethan Marcotte           http://www.alistapart.com/articles/responsive-web-design                    and Golden Grid System by Joni Korpi          http://goldengridsystem.com/*/body {                    background:#333;          }.fluid {                    clear: both;          margin-left: 0;          width: 100%;          float: left;          display: block;          }.fluidList {              list-style:none;          list-style-image:none;          margin:0;          padding:0;          }          /* Mobile Layout: 480px and below. */ .gridContainer {          margin-left: auto;          margin-right: auto;          width: 96.7391%;          padding-left: 1.6304%;          padding-right: 1.6304%;          clear: none;          float: none;}#mainHeader {          width: 100%;          border-bottom: thin dotted #666666;          background-color: #FFFFFF;} #headerHome {          width: 100%;          margin-left: 0;          } #mainTitle {          width: 100%;          margin-left: 0;          clear: both;          display: none;          }#mainNav {          width: 100%;          clear: both;          margin-left: 0;          }#mainNavList {          width: 100%;          margin-left: 0;          }.manNavBtn {          width: 48.3146%;          clear: none;          margin-left: 3.3707%;          }#sideNav {          width: 100%;          background-color: #FFFFFF;          border-bottom-right-radius: 4px;          border-bottom-left-radius: 4px;}#mainArticle {
          width: 100%;
          clear: both;
          background-color: #FFFFFF;
}#adSide {          width: 100%;          clear: both;          margin-left: 0;          background-color: #FFFFFF;}#          mainFooter {}#footer {}.zeroMargin_mobile {margin-left: 0;          }.hide_mobile {display: none;          }/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */@media only screen and (min-width: 481px) {.gridContainer {          width: 93.451%;          padding-left: 0.7744%;          padding-right: 0.7744%;          clear: none;          float: none;          margin-left: auto;          }#          div1 {}#mainHeader {          width: 100%;          border-bottom: thin dotted #666666;          }#headerHome {width: 36.464%;          margin-left: 0;          }#mainTitle {width: 61.8784%;          clear: none;          margin-left: 1.6574%;          display: block;          }#mainNav {          width: 61.8784%;          margin-left: 1.6574%;          clear: none;          float: right;          }#mainNavList {width: 100%;          margin-left: 0;          }.manNavBtn {width: 17.8571%;          margin-left: 2.6785%;          clear: none;          }#sideNav {width: 11.0497%;          }#mainArticle {width: 61.8784%;          margin-left: 1.6574%;          clear: none;          }#adSide {width: 23.7569%;          margin-left: 1.6574%;          clear: none;          }#mainFooter {}#footer {}.hide_tablet {display: none;          }.zeroMargin_tablet {margin-left: 0;          }}/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */@media only screen and (min-width: 769px) {.gridContainer {          width: 94.1149%;          max-width: 1000px;          padding-left: 0.4425%;          padding-right: 0.4425%;          margin: auto;          clear: none;          float: none;          margin-left: auto;          }#div1 {}#mainHeader {width: 100%;          }#headerHome {width: 20.6896%;          margin-left: 0;          }#mainTitle {width: 78.3699%;          clear: none;          margin-left: 0.9404%;          display: block;          }#mainNav {          width: 78.3699%;          clear: none;          margin-left: 0.9404%;          float: right;          }#mainNavList {width: 100%;          margin-left: 0;          }.manNavBtn {width: 17.2%;          clear: none;          margin-left: 1.2%;          }#sideNav {width: 20.6896%;          }#mainArticle {width: 49.5297%;          clear: none;          margin-left: 0.9404%;          }#adSide {width: 27.8996%;          clear: none;          margin-left: 0.9404%;          }#mainFooter {}#footer {}.zeroMargin_desktop {margin-left: 0;          }.hide_desktop {display: none;          }}#mainArticle img {          border: thin solid #333333;          border-radius: 6px;          -webkit-box-shadow: 0px 0px;          box-shadow: 0px 0px;          padding: 5px 5px 8px;          background-color: #E9E9E9;}
Does anyone have any ideas about how to fix this and turn it back into readable code without going through each line and looking for natural breaks?
What a mess.
Mac, OSX 10.8.4, Dreamweaver 13.0 Build 6391
NOTE: If I use something like Styleneat to clean up this code it seems to break the styles for the Mobile and Tablet layouts and causes Dreamweaver to crash every time I turn on or off the fluid grid layout display.

Does anyone have any ideas about how to fix this and turn it back into readable code without going through each line and looking for natural breaks?
What a mess.
mg, object, embed, video { max-width : 95%;
margin-left : auto;
margin-right : auto;
display : block;
.ie6 img {
width : 100%;
body {
background : #333;
.fluid {
clear : both;
margin-left : 0;
width : 100%;
float : left;
display : block;
.fluidList {
list-style : none;
list-style-image : none;
margin : 0;
padding : 0;
.gridContainer {
margin-left : auto;
margin-right : auto;
width : 96.7391%;
padding-left : 1.6304%;
padding-right : 1.6304%;
clear : none;
float : none;
#mainHeader {
width : 100%;
border-bottom : thin dotted #666666;
background-color : #FFFFFF;
#headerHome {
width : 100%;
margin-left : 0;
#mainTitle {
width : 100%;
margin-left : 0;
clear : both;
display : none;
#mainNav {
width : 100%;
clear : both;
margin-left : 0;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 48.3146%;
clear : none;
margin-left : 3.3707%;
#sideNav {
width : 100%;
background-color : #FFFFFF;
border-bottom-right-radius : 4px;
border-bottom-left-radius : 4px;
#mainArticle {
width : 100%;
clear : both;
background-color : #FFFFFF;
.zeroMargin_mobile {
margin-left : 0;
.hide_mobile {
display : none;
@media only screen and (min-width:481px) {
#mainHeader { width : 100%;
border-bottom : thin dotted #666666;
#headerHome {
width : 36.464%;
margin-left : 0;
#mainTitle {
width : 61.8784%;
clear : none;
margin-left : 1.6574%;
display : block;
#mainNav {
width : 61.8784%;
margin-left : 1.6574%;
clear : none;
float : right;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 17.8571%;
margin-left : 2.6785%;
clear : none;
#sideNav {
width : 11.0497%;
#mainArticle {
width : 61.8784%;
margin-left : 1.6574%;
clear : none;
#adSide {
width : 23.7569%;
margin-left : 1.6574%;
clear : none;
.hide_tablet {
display : none;
.zeroMargin_tablet {
margin-left : 0;
@media only screen and (min-width:769px) {
.gridContainer { width : 94.1149%;
max-width : 1000px;
padding-left : 0.4425%;
padding-right : 0.4425%;
margin : auto;
clear : none;
float : none;
margin-left : auto;
#mainHeader {
width : 100%;
#headerHome {
width : 20.6896%;
margin-left : 0;
#mainTitle {
width : 78.3699%;
clear : none;
margin-left : 0.9404%;
display : block;
#mainNav {
width : 78.3699%;
clear : none;
margin-left : 0.9404%;
float : right;
#mainNavList {
width : 100%;
margin-left : 0;
.manNavBtn {
width : 17.2%;
clear : none;
margin-left : 1.2%;
#sideNav {
width : 20.6896%;
#mainArticle {
width : 49.5297%;
clear : none;
margin-left : 0.9404%;
#adSide {
width : 27.8996%;
clear : none;
margin-left : 0.9404%;
.zeroMargin_desktop {
margin-left : 0;
.hide_desktop {
display : none;
#mainArticle img { border : #333333 solid thin;
border-radius : 6px;
box-shadow : 0 0;
padding : 5px 5px 8px;
background-color : #E9E9E9;

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

CSS Designer panel does not appear in my current version (12.0)...why?

I am currently taking a Dreamweaver class, online course, and I cannot find CSS Designer panel anywhere.

Here's how things stand.
CS6 version 12.0 is the last product Adobe made available for one-time purchase. It doesn't have all the latest features like CSS Designer panel, or improved support for HTML5 and CSS3.
CC version 13 is by subscription only. It contains the CSS Designer panel and other features that are not in CS6.
CC version 14 is the current version offered on the Creative Cloud. It's by subscription only. It contains the CSS Designer panel and other features that are not in either CS6 or CC 13.
If you are a qualifying student, you can join the Creative Cloud full plan at a discount (60% off).
Adobe Creative Cloud for students and teachers | Adobe
Nancy O.

CSS Designer to old visualization

Similar Messages

Maybe you are looking for