CSS problems in Dreamweaver CC?

I am having problems getting the CSS to update properly when I make changes to the code in the CSS document in the left panel. I have to go into CSS Designer to make the changes in addition to writing code in the css document, but it is often easier to update the code in the document and not use CSS Designer.
At one point, a bizarre thick border appeared on an element that I had NOT styled in either CSS Designer or in the CSS document. When I tried to change the border, the border did not show up in settings in CSS Designer or in the CSS document panel. The only place that affected the border was by using the Properties in the panel at the bottom of the app window. Once I accessed the "CSS Designer" from the Properties panel, I could see the settings and get rid of them.
Wondering if this is some kind of bug? Or if anyone else is experiencing problems making changes to css in the css document window?

I'll look for a DW forum. FYI, I'm on a Mac OS10.8.5, with most recent update for DW CC. I attached an external css to the file and it is shown correctly under Sources in CSS Designer (no extra styles are in the head of the document); that part works just fine. Formatting borders is pretty straight-forward—specify style, width, color for each side.
The question is why changes to the css don't always take effect if I write the css as code in the css panel (on the left side using split view)—even when I do a save. When I ALSO change settings in CSS Designer the changes DO appear in the CSS code panel, even duplicating the code I just entered there. One time I had to use the "Edit Rule" in the Properties box at the bottom of the app window to get the css to update.
The lack of consistency interferes with workflow.
I wish I could write the css in the code panel and have a refresh button like the one for Source Code changes.
Often it is much faster to write the css in the code panel. Scrolling through all the settings of the CSS Designer can be tedious and it's easy to make mistakes.
An example of this css is a sidebar div with a bottom border. When I was setting this up, it ended up with a thick solid black bottom border and I had trouble making a change. Eventually I succeeded via the Properties panel, but it should have updated via the css code panel OR CSS Designer.
#sidebar {
border-bottom: thin dotted #055900;
So, maybe this is a Creative Cloud issue, or maybe a DW issue.

Similar Messages

Dreamweaver Cs3 CSS Problems

Good day, I am having problems using my new version of CS3.
When I am working in split view, or design view for that matter,
any css that I add to the page does not show up when designing the
page. Whether it is inline or attached, I don't see the changes to
the page while working on it. Is there something I need to adjust
in my properties to make this work? I have not had this problem in
Dreamweaver MX 2004. Any and all help would be so helpful. Thank
you in advance.
Rob

Hi SnakeEyez, thank you for a prompt reply. I do not have the
page uploaded as I just started working with it. I don't understand
how it would be a code problem if Dreamweaver is adding the code
for me. For example, when I add
<style type="text/css">

</style>
the page is still white when designing. Any ideas why this
is? Thanks.

CSS Template in Dreamweaver, cannot make flash(swf) show ???

Hi all,
I'm quite new at using dreamweaver, have been using GoLive
some before and I have got a time consuming problem:
To try to get a hang of CSS page designs I've used the Page
Design (CSS) Halo Right nav that comes with DW8.
I've learnt pretty much how it works BUT, I cannot make a
flash file visible when inserted to the page design ????
It does not show if I insert it to an existing div tag or if
I insert it in a new layer. What am I doing wrong ?
(same goes for images)
Need help quickly.
Thanks!

This is one of the several weird problems with the HALO
layout.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Pasay" <[email protected]> wrote in message
news:eve7b0$s6g$[email protected]..
> OK!,
> will look into that, as I said I'm all new to this,
grateful for all tips.
> I've posted a new Topic : CSS Template in Dreamweaver,
Submeny
> dissapears?
> may be related to the javascript error ?
> //Bosse
>

Css Tabs in Dreamweaver CS4 Workspace bug?/annoyance

Css Tabs in Dreamweaver CS4 Workspace. This is probably more
of an
annoyance than a bug.
When working with CSS, I use multiple CSS files and when I
make a change
to one, I hit save (CTRL S)but it doesn't save the CSS file I
was just
working on. In order to make it save that CSS file, I have to
click on
one of the others and then back to the one I was just working
on and
then hit save.
Kind of annoying, right?
I demand this to be fixed! ;)

Art,
I guess you didn't understand what I meant by "focus". Let me
try to
explain in terms of your recipe -- all you need is a slight
change in
workflow:
> 1. Open page with multiple style sheets applied
> 2. Have split screen
> 3. click on one style sheet and edit it anywhere. After
editing, the
> rounded box will be black and have an asterisk applied
At this point, the style sheet has "focus", so click Ctrl+S
now, before
you click back in Design View (which changes the "focus" back
to the
main document).
FYI, if you're clicking in Design View to update the
rendering, you can
hit F5 to update the main document rendering without giving
it "focus".
> 4. Click back to page in design view.
> 5. Click control save. It doesn't save the style sheet
that is
> highlighted and has an asterisk.
> 6. In order to save you must "save all" or click off
and then on
> to the style sheet.
Hope this helps,
Randy
Art wrote:
> Let me restate the problem so it's clear what is
happening.
>
> 1. Open page with multiple style sheets applied
> 2. Have split screen
> 3. click on one style sheet and edit it anywhere. After
editing, the
> rounded box will be black and have an asterisk applied
> 4. Click back to page in design view.
> 5. Click control save. It doesn't save the style sheet
that is
> highlighted and has an asterisk.
> 6. In order to save you must "save all" or click off and
then on to the
> style sheet.
>
> Perhaps this is more an issue of focus rather than a
function of the
> save command.
>
> Since it's not saving, perhaps Dreamweaver shouldn't be
displaying the
> black rounded box as it is no longer selected when you
click back into
> Design view.
>
> Of course there are ways around this; it's just a little
annoying that
> it's displaying "active" yet it's not.

Problems in Dreamweaver with cut-and-paste

Hi there.
I wondered if someone could help with a small problem within
Dreamweaver CS4. If I have two different CSS style sheets open, and
I highlight a certain section of one CSS stylesheet to take the
rule to another CSS stylesheet, for some unknown reason as soon as
I do "copy" the whole of the stylesheet is highlighted, the only
way I can stop this from happening is to double-click on the "code"
button at the top left-hand side of the Dreamweaver window. Is
there any other way to stop this from happening. I am running
Dreamweaver CS4 on the windows Vista platform.
Thank you for reading this post and for any help you may be
able to give.
Regards, John.

Hoorah!
At last - someone else with the same problem!
I have been leaving messages on here for ages to try to get some response from Adobe. Someone kindly suggested getting rid of the preferences folder, but that didn't solve the problem.
I think its something wrong with Dreamweaver CS4. I have reverted back to CS3 until they come up with an upgrade!
Out of interest does this happen straight away or after a period of time? I found if you quit Dreamweaver and restart it usually its ok for a while.
Do you also have the same problem editing the code? I find I can't put the cursor anywhere WITHIN a chunk of PHP. The cursor highlights the whole lot. I have to click all over the place until it eventually works as normal - or I have to quit Dreamweaver and start again.
Are you using a Mac too?
Regards
Colin

Beginner CSS problems and questions

I'm trying to learn CSS, but first, I have to knock out this simple site for a client, CSS or not, asap.
Problem #1:
Here is the page: http://larrysullivandesign.com/sourceprintmedia.com/_contact.html
Here is the style sheet: http://larrysullivandesign.com/sourceprintmedia.com/sourceprintmedia.css
I want the email link the same font size as the text around it, which is:
class="bodycopy-content"
I don't understand why it appears in the text-links page bottom (class="link-typeA") size.
Problem #2:
Dreamweaver WYSIWYG shows the text links at page bottom in the #00F blue, (see attached jpg: "scrncap_DW_WYSIWYG.jpg) when clearly they should display only as the grey in the external stylesheet. In the browser, they look good. Frustrating, DW bug?
Problem #3:
I tried to merge all the CSS into one style sheet but no matter what I try, DW won't let me. Now I have 3 CSS categories. (see attached jpg "scrncap-csspanel.jpg") How come I can't have any/all style sheets in one?
thanks in advance!
-Larry

Problem #1:
You have defined a font size (8px - which btw, renders extremely small on my 1440x900 laptop, suggestion to follow) for the "a" tag. Because of this any link regardless of where it is will be that font size. Personally speaking I would recommend taking the font-size off of the "a" tag in your CSS document and then let the other classes control the font size throughout your page.
Problem #2:
You defined a class fine, but links do not work on a class. They will always work on a:link, a:active, a:visited, and a:hover. With this in mind what you need to do to change the color of links in a particular area is to do the following:
.link-typeA a { CSS stuff goes here }
That will change the links in that class to have certain features.
Problem #3:
This has to do with code in the header of your page where you have re-declared link styles. Delete that from your page and you will be set
Now back to Problem #1 about the fonts. Your best bet is to use "em" to define your font size. Think of the EM like a multiplier. It takes the default size of the end-users settings and 1.1em would be 1.1x larger than the default font, 2em would be twice as large, and .5em would be half the size. This way your text is readable on all screens regardless of the end-users resolution.

Possible CSS problem?

Hi All,
I am in the process of making a website for a friend, when I ran into what looks like a css problem.
I purchased the css file in a template from a guy who does tutorials on youtube, I have contacted him on several occasions but his customer service is pretty awful and he hasn't replied to any contact.
When using a mobile or tablet to view the website the header and footer area is pushed to the left. (please see attached image)
I added 100% to the following containers but still it never changed them.
#header-wrapper
#footer-content-wrapper
#footer
If I change the widths to 1000px then it sorts it out for the mobile view but then the website on a pc/laptop is distorted.
the website can be found at www.leightonsterling.com
Thankyou in advance.

There's nothing wrong with your site. That's exactly what fixed-width, centered layouts do in smaller displays. They move to the left. If you want a responsive web site that adjusts to mobile and tablet device widths, you need a Responsive Layout.
Look at FluidGrid Layouts in Dreamweaver CS6 & CC. Or use one of the following Responsive Frameworks to jump start your project.
Project Seven's Page Packs (commercial CSS Templates, Widgets & Extensions for DW)
http://www.projectseven.com/products/templates/index.htm
Excellent products, excellent customer support. A+++
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Fluid Grid Layouts in CS6
http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
Nancy O.

Problem with dreamweaver and Flash

Hi, maybe someone can help me, i have any problem with
dreamweaver and flash, i have a page and i have a menu and
sub-menu, and the same page i have a category en flash 550 x 700 (
photography and more... ) but when the menu to unfold
the menu to see under flash and it cant see ( sorry my
english is bad.... i hope you can understand me, and help me.. )
i dont now why always flash ever stay up, or first, and
another information under flash... this a problem... if you have
menus...
thanks.... have nice day.....

This is a drawback of using flash or any other active
content. By default, all active content including flash will
display over every other content and thats why your menu stays
under the flash movie. Some people make the flash background
transparent to show content under the flash movie, but that will
not work for menu items.
I would suggest that you make the menu such that it does not
overlap with the flash movie.

Having problems downloading dreamweaver, comes up with error 50

I'm a student and is having, problems downloading dreamweaver, it comes up with error 50, when ever finish downloading, could someone come back to me, I need to download urgently, Kind Regards Miss Shaw.

I'm a student and is having, problems downloading dreamweaver, it comes up with error 50, when ever finish downloading, could someone come back to me, I need to download urgently, Kind Regards Miss Shaw
............................Please reply urgent.

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;

Abdelqader Alnobani wrote:
How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;
Logically a structure something like below should work BUT whether or not it will upset the FG I don't know as I wouldn't ever use it.
<div class="gridContainer">
Top Code Section Goes Here
</div>

<div id="fullWidth">
Full width section goes here
</div>

<div class="gridContainer">
Bottom Code Section Goes Here
</div>

Adobe recommends: New CSS features in Dreamweaver CS5

Over the next week, we are going to be publicizing some high-value content from adobe.com and other community sites. We have been tracking what's been most important to our users, and feel that getting this content out to the larger community will go a long way toward helping people tackle some of their most pressing challenges.
Continuing our trip along the CSS highway, our next recommendation is a video by Dremeaver superstar Brian Wood:
New CSS features in Dreamweaver CS5
The video demonstrates some of the most exciting new CSS features in Dreamweaver: new CSS layouts, CSS inspect, and CSS enable/disable.
Give it a spin and let us know what you think!
Previous recommendation threads:
Use Dreamweaver CS 5.5 to package your web application for iOS and Android devices
Customizing a Spry Menu Bar widget
Spry Menu Bar resources
Layout 101
CSS page layout basics

Thanks for the answer this is very useful however I still find that Dreamwever defaults back to writing in CSS, I have to go to the manel every time and switch from CSS style to Inline style which is very irritating. Is there any way to disable writing in CSS all together like their used to be in CS3..in the preferences.
Much appreciated

Css problem in internet explorer

Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
        position:relative;
     font-family:verdana; font-size:12px;
     margin:0; padding:1px; border:0;
     white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
          display:none;
          position:absolute;
          left:+5px;
          top:+24px;
          background:#fff;
          padding:10px 18px;
          line-height:180%;
          border:1px solid silver;
          border-radius: 6px;
          box-shadow:1px 2px 5px #aaa;
          z-index:99;
#userpanel>span>a {
          border-bottom:1px solid silver;
          margin-top: 5px;
          }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobi

Hi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53

Problem Uninstalling Dreamweaver

I'm having a problem uninstalling Dreamweaver. When I try uninstalling it, it starts uninstalling it and then it just crashes. If I attempt to reinstall it to uninstall it, then it's stuck on "Preparing Files".
Any ideas?

Have you tried the clean script?
http://www.adobe.com/support/contact/cs5clean.html

CSS Problem with iPod page

I too am having an issue on my iPod page here. I have created a css file in Dreamweaver and it appears in DW but when I upload it the page does not display correctly. I hope this is something easy.

I hope this is something easy.
It is.
THis give you any ideas?

I'm having problems activating dreamweaver on new pc using original activation code

I have a copy of StudioMX 2004 and was having problems activating Dreamweaver on my new pc using the original code. It says there is a network error but there isn't. When I try to activate by phone the number they give is for Lloyds bank insurance. I did a live chat with Support and they gave me a new code which worked and activated Dreamweaver but I didn't think to activate Fireworks at the same time. When I have tried using either the old code or the new I get the same error message and same Lloyds bank phone number. I have tried live chat but they refuse to help saying they don't support Dreamweaver 2004 ..any one any ideas?

Hi gb147,
The version of Dreamweaver that you have does not support any of the latest web standards. While I advise you to follow Ken's instructions, I also want you to download a trial version of the latest Creative Cloud application https://creative.adobe.com/products/download/dreamweaver and give it a run. The page also has some excellent resources to help you get started.
Thanks,
Preran

CSS problems in Dreamweaver CC?

Similar Messages

Maybe you are looking for