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.

Similar Messages

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.

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

Dreamweaver cc , css designer panel

Where can i find the css designer panel in dreamweaver cc,
i have download DW of creativ cloud but i can not find it
Peter de Vries

June 17th is the target date.
Nancy O.

CSS Designer panel

Hi can anyone point me in the direction of the CSS Designer panel in Dreamweaver CS6 please?
I cant locate it anywhere?
Thanks

Thank you for your email.
We will respond to you shortly.
Kind Regards
Pixalart

Muse keeps crashing when I expand the Bullet Styles panel

Running Muse CC 2014.1.1.6, CL 785894 on OS X 10.9.5
I have multiple Muse files for my website and one contains a bullet style. I copied text containing the style from one file to another. When I expanded the Bullet Styles panel, I received the following error prompt. Now whenever I expand that panel, it crashes every time.
I can still go back to the Muse file containing the original bullet style and apply it freely. I tried a brand new Muse file and pasted a text box with the style applied. When I attempt to use the Bullet Styles panel again, I get the following error:
The style I attempted to apply was "BulletList" { Level 1– color: GVblueWeb + size: 18.00 + bullet: [outlined circle] }
The color I used is the same in both files. Not sure if it's related or conflicts, but I also have a paragraph style in each file called "bulletList" (from before Muse supported lists)
Any suggestions?

Please send us all the involved .muse files at [email protected] along with a link to this thread. If the files are larger than 20Mb you can use a service like Adobe SendNow, Dropbox, WeTransfer, etc. (If you use Dropbox, please be certain to include your return e-mail address in the body of the message, since Dropbox does not include it in the sharing invite they send.) Thanks.

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.

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.

Styles panel missing in Dreamweaver cs6 (Was: Dreamweaver CS6)

I have just downloaded Dreamweaver & the CSS Styles panels is missing?

The Styles panel has been replaced with the CSS Designer panel. Layout mode has been gone for some years, as has drawing AP divs.
The Styles panel didn't offer good access to the legacy CSS attributes and properties, or to management of selectors or sources. CSS designer does all of these much better.
Layout mode was removed in favor of the separation of content from presentation approach that CSS provides. Drawing AP divs has never been a good solution for page layout because of the many problems encountered when using these positioned elements as containers for text content.
CS6 is quite a different beast than its predecessors. It has been built with a strong committment to both producing valid code and the use of good methods. Its productive use will require you to have a fair understanding of both HTML and CSS.

CSS Styles Panel frustrations

Is it me or is the new CSS Styles panel so much harder to use? It shows way too much now and it slows me down when wanting to quickly change CSS elements.
Really missing the previous Properties panel from CS6. It only showed the properties that I actually used and was much more compact and easier to work with.
Adobe should have given users a choice of what type of style panel to use in CC.
Does anyone know if there's a way to get back the old Properties panel in CC? I'm sure not the only one voicing this complaint...

You can't bring back the old one as it stands now. Filing an official request for it here may help though:
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
It is something that has come up a lot recently.
Here is some info on working with it: http://helpx.adobe.com/dreamweaver/using/css-designer.html
If you want it to be a bit more compact, you can get away from the two column space eater by dragging th right edge of theCSS Designer window to the left until the columns stack instead. Not the greatest "fix", but better than the two column beast in my opinion.
EDIT: You can also click the heading of each sub section within the panel to minimize them individually if you aren't using them. Again, not the best "fix" but better than filling half your screen with css attributes.

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
??????

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

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 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

Spry Menu Bar Submenu won't show in Safari or Dreamweaver LiveView

I am trying to get my submenu to show up on my website's spry menu bar. It will show up when I test the site using firefox or IE but it won't show when I try LiveView in Dreamweaver or when I test using Safari. The site is www.fuseut.com/fuse
Here are is the CSS for the menubar:
@charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      cursor: default;      width: auto; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive {      z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      position: relative;      text-align: left;      cursor: pointer;      width: 125px;      float: left;      font-family: "MS Serif", "New York", serif;      overflow: visible; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul {      margin: 0;      padding: 0;      list-style-type: none;      font-size: 100%;      z-index: 50;      cursor: default;      width: 7em;      position: absolute;      left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {      left: auto; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li {      width: 7em; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul {      position: absolute;      margin: -5% 0 0 95%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {      left: 0;      top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul {      border: 1px solid #CCC; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a {      display: block;      cursor: pointer;      padding: 0.5em 0.75em;      color: #FFF;      text-decoration: none;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;      text-align: center;      background-image: url(../menubgdefault.png); } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {      color: #FFF002;      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {      color: #FFF002;      text-decoration: underline;      font-weight: bold; } /******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************/ /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarDown.gif);      background-repeat: no-repeat;      background-position: 95% 50%;      background-color: #999; } /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {      background-image: url(SpryMenuBarRight.gif);      background-repeat: no-repeat;      background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarDownHover.gif);      background-repeat: no-repeat;      background-position: 95% 50%; } /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {      background-image: url(SpryMenuBarRightHover.gif);      background-repeat: no-repeat;      background-position: 95% 50%; } /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe {      position: absolute;      z-index: 1010;      filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection {      ul.MenuBarHorizontal li.MenuBarItemIE      {           display: inline;           f\loat: left;           background: #FFF;      } }
And here is the HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FUSE UT</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script src="SpryAssets/xpath.js" type="text/javascript"></script>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>
<meta name="Keywords" content="fuse ut utk university of tennessee tommy jervis avery howard ross rowland angie sessoms sga campaign elections" />
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="menubarparent" style="z-index: 20; position: absolute; overflow: visible;">
<div id="menubar" style="z-index: 10;">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">FUSE</a>      </li>
    <li><a href="senators.html" class="MenuBarItemSubmenu">Senators</a>
      <ul>
        <li><a href="#">Untitled Item</a></li>
      </ul>
    </li><li><a href="executive.html">Executive</a>      </li>
    <li><a href="policy.html">Policy</a></li>
    <li><a href="organizations.html">Organizations</a></li>
    <li><a href="bios.html" class="MenuBarItemSubmenu">Bios</a>
      <ul>
        <li><a href="#">Untitled Item</a></li>
      </ul>
    </li>
</ul>
</div>
</div>
<p>
<p>
<div id="apDiv1">
    <div id="apDiv4"></div>
    <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="265" wmode="transparent">
      <param name="movie" value="Components/CandidatesHomeSlideshow.swf" />
      <param name="quality" value="high" />
       <param name="wmode" value="transparent" />
      <param name="swfversion" value="6.0.65.0" />
      
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      
      
      <object type="application/x-shockwave-flash" data="Components/CandidatesHomeSlideshow.swf" width="550" height="265" wmode="transparent">
        
        <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
        <param name="swfversion" value="6.0.65.0" />
        <param name="expressinstall" value="Scripts/expressInstall.swf" />
        
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        
      </object>
      
    </object><div id="HomeEvents">
      <p> </p>
      <p> </p>
      <div id="EventsXML">
        <div spry:region="event2">
          <dl spry:repeatchildren="event2">
            <dt>{date}</dt>
            <dd>{title}</dd>
            <dd>{location}</dd>
          </dl>
        </div>
      </div>
    </div>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Sorry if it's something really basic...I'm a noob to web design.
Thanks!

Don't use reserved words in JS
var event = new Spry.Data.XMLDataSet("events.xml", "catalog/event", {sortOnLoad: "date", sortOrderOnLoad: "descending"});
event is such a reserved word. If you change this to event1 then all is well.
I hope this helps.
Ben

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

Similar Messages

Maybe you are looking for