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.

Similar Messages

Drag and Drop in CSS Styles Panel

So, I am going through Dreamweaver CS5 Classroom in a Book. In lesson 6, pages 106 through109, it tells you to drag and drop rules in the CSS Styles Panel into a certain order. I can't seem to get it to work for me. Am I missing something?

What do u mean by saying this?? Drag & Drop is possible for
components example Jtree , jtable .These are placed on containers like JApplet, Applet or frame .
So the answer is yes !
there is a seprate package devoted to Drag & Drop.

Dreamweaver CS 6. CSS Styles Greyed Out

When I view the ALL drop down menu in the CSS Styles panel I do not see any casading CSS styles. I have just brought a new defined CCS layout in and can view the Current drop down menu but when I got to the All style option it appears grayed out and not correct. It does not show defined CCS types?
It should show - body, .container , .content, .side bar etc
Any comments would be most appreceated.
Regards.

Have you checked your document for validation?

Unable to Edit CSS style panel to change Wiget background colors

Hello my name is Gabriel and Im designing a website using the Sprymenu Bar: Menu Bar 1 that I found on the adobie free template 1.
I was able to edit the spry menu bar to drop down sub menu's but I was curious hoy to bring up the CSS Style panel so I can change the colors of this Spry Menu bar. How do I bring up the CSS style panel? Could you point me to a color menu so I could change the Colors?

Hi,
they work with an background-image, look for example here (it's from widgets of this
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html):
#MenuBar6 a.MenuBarItemSubmenu {
background-image: url(images/star.gif);
background-position: 5% 50%;
#MenuBar6 a.MenuBarItemSubmenuHover {
background-image: url(images/star-hover.gif);
background-position: 5% 50%;
background-color: #FF0;
color: #F00;
Hans-G.

CSS Styles Panel - Refreshing

I've recently started using Dreamweaver, and am learning
using the Tutorials on-line.
I was successfully following the CSS design tutorials,
However now, whenever I edit a document (or create a new
one), the CSS Styles panel "
unloads" and tells me that I have made changes to the code,
and "must click Refresh or press F5"
This did not happen before / yesterday.
Is there a setting somewhere which has been switched off?
This is annoying since it means that I cannot use the
predictive text features of Dreamweaver
like typing "<div " and seeing the options.
manually editing the CSS file still provides the auto-text.
Thanks,
Rem

Adendum;
It's also happens to the Tag panel, and Properties.
This even happens if no style sheet is linked
??????

Where can I find the CSS Designer panel

Been watching this video:
http://tv.adobe.com/watch/creative-cloud-for-web/adobe-dreamweaver-cc-overview/
If you go to around 23 seconds, you will notice the 'Biggest update' 'CSS Designer Panel'
I notice he is changing rounded corners on the fly.
Where is this in Dreamweaver CS6?
I can only see the transitions panel.
Am I missing something?

Your workspace might be different than mine.
But the CSS Styles Panel is usually on the right. See screenshot.
Nancy O.

CSS Styles Panel and DIV Draw tool

In Dreamweaver CS6 Creative Cloud, how do I access the CSS styles palate/panel and is there a DIV DRAW tool, or do you resort to the tracing tool to draw website layouts?

DW is not a graphics app. You cannot draw layouts on screen. You need to use CSS code to create the basic layout and HTML for your structure.
You may find it helpful to jump start your projects with one of the pre-built CSS Layouts in Dreamweaver CS6.
Go to File > New > Blank Page > HTML > Select one of the Layouts in the 3rd panel and hit the Create button. SaveAs filename.html.
Learn to use CSS floats, margins and padding to align elements.
http://alt-web.com/DEMOS/3-CSS-boxes.shtml
Centering Pages, Images and other elements with CSS
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Nancy O.

Set the css style of text in a column according to the value of another col

I'd like to set the css style of text in a column according to the value of another column. Each field may end up with a different style of text as a result, for instance.
Any ideas? I looked thru the forums but couldn't find anything.
Thanks,
Linda

Does the class=t7Header make it into the rendered HTML?
---The text "class="tHeader" does not show but the other text is rendered using the style t7Header as defined in the stylesheet! Exactly what I wanted.
You might want to use a div or a span instead of a p.
---Yes -
What's very cool is we can create a display column that is dynamically filled with the html and style wrappers based on a lookup to see what style should be applied according to the actual data value. This is critical as our tables are all dynamic so I can't depend on using the additional APEX methods to control the display of a column (as the # of columns in the view vary from instance to instance) and I did not want the display specs to muddy up my SQL queries.
I wonder why this is not well documented. It is so easy!
Thanks again for your help.
Linda

Would the CSS style set to a parent node be inherited to underlying nodes?

Hi,
Would the CSS style set to a parent node be inherited to underlying nodes?
With below code, style setting to parent(VBox) is not getting inherited to children(Text).
Style.java
package style;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class Style extends Application {
    public static void main(String[] args) {
        Application.launch(Style.class, args);
    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Hello World");
        Group root = new Group();
        Scene scene = new Scene(root, 300, 250, Color.LIGHTGREEN);
        scene.getStylesheets().add("/style/style1.css");
        // Create children
        Text text1 = new Text("Text1");
        Text text2 = new Text("Text2");
        // Create parent and set style
        VBox vBox = new VBox();
        vBox.getChildren().addAll(text1, text2);
        vBox.getStyleClass().add("font-normal");
        root.getChildren().add(vBox);
        primaryStage.setScene(scene);
        primaryStage.setVisible(true);
}Style1.css
.font-normal {
    -fx-font-size: 9pt;
    -fx-font-family: "Arial";
    -fx-fill: #FF0000;
}Edited by: Simosh on Jun 10, 2011 4:24 PM

Hello Simosh,
I know you are thinking of VBox as container so their children must have inherited the css of parent like as of HTML <div> pattern. But in JavaFx this is different every node has it's CSS implemented from the Parent of their extended class . Even if you add children inside VBox CSS has nothing to do with children. So to make children to use the css of VBox then you must call getStyleClass().add() explicitly for every children.
Either you call getStyleClass() for every node
or you can make a custom Container as on below
A sample getChildren() overriding of VBox which make VBox children to use their parent css.
Algorithm to make your custom VBox
class MyBox extends VBox{
     @Override public ObservableList<Node> getChildren(){
          //iterate children of super
               //now bind your children.styleclass with super.styleclass
          //end of iterate
          //return children
}Thanks.
Narayan

Where is the CSS styles box

So im looking at this tutorial by SikhStar97, and he is adding a layout which i want to do but he used something from the CSS styles box and i cant seem to find that though i have searched it up, i found it was in the window and when i looked in window i found nothing called CSS styles box but i did find "transitions" and "designer" can someone please help me?

Hello goldboy,
because of your "Umm i dont know ..." I want to show you - in addition to "es73's" valuable informations - where you can see the verions number (translated from my German DW): Help > About Dreamweaver and you will get something like that:
Hans-Günter

Using the CSS Transitions panel | Learn Dreamweaver CS6 | Adobe TV

In this movie, learn about the CSS Transitions panel, which makes it easy to add impressive CSS-driven transitions to any element on the page through a single dialog. All CSS syntax is handled automatically, including vendor prefixes for all major browsers. If you prefer to hand-code your CSS syntax, the CSS Transitions panel now gives you an easy way to manage and edit transitions, regardless of where they're added.
http://adobe.ly/Jo2HUM

Painful. WAY WAY WAY too much extranious detail, wastes a lot of time explaining the obvious. this could be 1/2 the length and far better by just going thru the details that REALLY matter, not the million options explanations side trips that confuse the basic info / workflow being presented.

My CSS Styles Panel in Dreamweaver won't show list of styles.

Hello Everyone,
I'm having a heck of a time getting my CSS Styles Panel to show the styles from my attached style sheet. Yesterday it worked as usual and today it doesn't. I feel like I've tried all of my options. Usually I work in 'All' instead of 'Current' so I can see the entire list and not have to reference the actual CSS page. Does anyone know how to fix this?
Also, even though I have an attached style sheet, every time I made a new style it puts it in my HTML page. So that's probably related as well.
Also, this is the code link that is in my HTML: <link href="Alto.css" rel="stylesheet" type="text/css" />
So, How do I get this panel to show the list of styles? <--That I can click an edit without going back to the CSS page.
Thank you!

See screenshot:
Nancy O.

Command Authorization and the CSS

HI,
is it possible to do command authorization via usernames witha CSS. I want to implement something similar to the command authorization of an IOS device.
Is there any refrence on the CCO how to setup the ACS and the CSS?
Any hint or help is appreciated.
Kind Regards,
Joerg

http://www.cisco.com/en/US/products/hw/contnetw/ps792/products_configuration_guide_chapter09186a0080192ef2.html#wp1077431
The ACS setup would be the same as for ios I believe.
Gilles.

Code works with Dreamweaver CS6 and not with CC

<p><a href="javascript:void(0)" onclick="window.open('http://www.anything.comt', '', 'top=20,left=20,toolbar=0,statusbar=1,scrollbars=1,resizable=1')" title="title">name</a></p> works with Dreamweaver CS6 and not with CC
[Edited Title and moved to Dreamweaver- JTS]

I'm not quite sure I understand your point.
I have just tested the Open Browser Window behavior in Dreamweaver CC. It creates slightly different code from Dreamweaver CS6, but it works correctly. This is what is created in the HTML:
<p>my <a href="#" onClick="MM_openBrWindow('http://www.adobe.com/','mywindow','toolbar=yes,location=yes,status=yes,menubar=yes,scrollb ars=yes,resizable=yes')">link</a>
</p>
Dreamweaver CC also adds the following code to the <head> of the page:
<script type="text/javascript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
</script>
The definition of the MM_openBrWindow() function is needed in the <head> for the code to work. But it definitely works OK.
With regard to _self and _blank not working, I can't find any problem with the way Dreamweaver CC handles them.
However, if you feel happier working with Dreamweaver CS6, you can download it from the following page:
https://creative.adobe.com/products/dreamweaver
Open the drop-down menu under "In this version", and select Dreamweaver CS6 as shown in the following screenshot:
With Dreamweaver CS6 selected, click the large Download button at the top-right of the page. You can then download CS6, and install it alongside Dreamweaver CC.

What are the differences between the Apple 64GB iPad Air with Retina Display and the Apple 64 iPad with Retina Display MD512LL/A 4th Generation

what are the differences between the Apple 64GB iPad Air with Retina Display and the Apple 64 iPad with Retina Display MD512LL/A 4th Generation ?

The iPad with retina display only comes in the 16GB version and it has the A6 processor which is a step down from the Air model. Having said that, I stream movies on my iPad 3 with retina and it has the A5 processor and the movies stream just fine as does everything else that I do on the internet.
If 16GB is enough storage for you, the $100 savings compared to an iPad Air model is a fair amount of money and that might sway me if I was just worried about saving some money. However, that's not my style. I always go for the largest capacity that I can afford and the faster processor if I have the choice.
Having said that, if it were me, I would select the 32 GB iPad Air. But in spite of the information that you provided in which you want to base your decision, only you can be the judge of what will be best for you, and remember that you cannot add storage capacity to the decide later. You can purchase external WiFi drives if you need the storage, but to me, that takes away from having the really small footprint and portability of only having to carry the iPad around gives you.

Confused With Dreamweaver CC and the CSS Styles Panel!

Similar Messages

Maybe you are looking for