Why doesn't my CSS render in design view or browser view?

Suddenly my CSS won't render in design or browser views. I have checked View>Style Rendering>Display styles and there's a checkmark beside it. Is there any other reason(s) why this would have suddenly stopped working?? Help please! Thanks! I am using DW CS5

#1 Ensure that the path to your external stylesheet is correctly pointing to the CSS file in your local site folder.
#2 Validate your code & fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Why Do Styles Not Always Render In Design View

Hey guys,
I have a template that has a Spry horizontal menu bar.
Sometimes when I open some of the pages that are built from the
template or even the template itself, the menu bar does not show.
Only the unordered list shows.
How can I make the bar show everytime?
Thanks
Glenn

#1 Ensure that the path to your external stylesheet is correctly pointing to the CSS file in your local site folder.
#2 Validate your code & fix reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

TS2846 Why doesn't apple provide Model info designated for specific country or carrier?

Why doesn't Apple just reveal the model numbers so the consumers know which carrier the iPhone was originally locked to? Instead of having consumers running around to ask multiple carriers in different countries to find out which country or carrier it was locked to begin with.

They are good inputs and they do make sense, it's just there are other forum saying differently as well.
http://gfgsm.blogspot.com/2010/11/iphone-carrier-list-model-numbers.html
or
http://www.gsmreloaded.com/f81/iphone-3g-3gs-model-numbers-country-carrier-13076 .html
Just to name a few.
Although they are not Apple affiliated but few hundreds is still not a big number and if there are lists then that would be helpful.
Just a shot in the dark and wonder if I can get more info out from others.
Thank you all.

Still having issues with CSS fonts in design view

I only see the following error messages when I enter design
view for a component *other* than my main mxml component:
unable to resolve '/ProjectName/assets/JapaneseBrush.ttf' for
transcoding
Unable to transcode /ProjectName/assets/JapaneseBrush.ttf.
The resource named is the project's root directory (?), and
it refers to line 4. (Same line as the src: url() row in the CSS
file.)
These errors don't show up until after I tab to the design
view, and the font isn't used in the design view (other than this
the CSS works fine). (Even though it works perfectly when actually
running the Flex app.)
I'm using an external CSS file that looks like this:
@font-face{
src: url("/assets/JapaneseBrush.ttf");
fontFamily: JapaneseBrush;
fontStyle: regular;
I've tried actually placing the ttf file in a few different
locations, ProjectName/assets/, ProjectName/src/assets,
ProjectName/src, ... no change. My main mxml is in ProjectName/src.
Anyone have an issue like this before?

I've aleady done so before - FB-9873.
It's not *exactly* the same problem - now the example project
I gave from last time doesn't work at all. I've added a new comment
to the bug report but it's currently "closed" so it has to be
copied or re-opened or something. No time to create a new example
from scratch this time, sorry.
The extremely annoying aspect to this problem is that I have
a large, complex project where the fonts work fine in design view
(now - it wasn't when I created this thread), and I have no idea
why. It seemed to just magically decide to work one day!
This is a re-occuring problem that seems to come and go
magically, and it probably needs some serious bug testing by more
than just a developer.

Cannot view css styles in design view

Is there a way to get Dreamweaver to display style in design
view when the css files are in virtual folders?
Have tried using ASP (Vbscript) snippet to write in the
server URL and using Liveview, but still doesn't display. It
appears that DW only recognizes hard coded relative links or hard
coded full URLs.
Browser displays these documents with no errors.
Please Help! I have users who will be confused attempting to
edit the documents without visible style, and need to use the
virtual folders.
Thanks.
Sean

> Is there a way to get Dreamweaver to display style in
design view when the
> css
> files are in virtual folders?
Try using Design Time Stylesheets.
Open the Design-Time Style Sheets dialog box by doing one of
the following:
1. Right-click in the CSS Styles panel, and in the context
menu select
Design-time, or
2. Select Text > CSS Styles > Design-time.
Regards
John Waller

CS3 Templates - css disappears in design view

In DW CS3, I've noticed that after I've been working with
templates for a while, often with several templates open
simultaneously, the style rendering suddenly disappears in design
view, and I see only the unformatted text on the screen. If I close
DW and restart, the pages render correctly, but after 15 min. or
so, the style problem returns. Anyone else run into this?

Wait - is this about FLASH or CSS? (see your subject line).
Anyhow - the solution posted here 3 or 4 times a day would be
to make the
links to the Flash in the Template page be ROOT relative
links, i.e., change
this -
<script type="text/javascript">
AC_FL_RunContent(
'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','860','height','31','src','../news_alert','quality','high','pluginspage','http://www.a dobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../news_ alert'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="860" height="31">
<param name="movie" value="../news_alert.swf" />
<param name="quality" value="high" />
<embed src="../news_alert.swf" quality="high"
pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="860"
height="31"></embed>
</object>
</noscript></div>
to this -
<script type="text/javascript">
AC_FL_RunContent(
'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','860','height','31','src','/news_alert','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','/news_aler t'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="860" height="31">
<param name="movie" value="/news_alert.swf" />
<param name="quality" value="high" />
<embed src="/news_alert.swf" quality="high"
pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="860"
height="31"></embed>
</object>
</noscript></div>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"pluto_nash" <[email protected]> wrote in
message
news:[email protected]...
> Here are links to the page with little bit of
explanation:
> Please use IE to view all links
>
> View this page (master template for LG site) using.
Flash works fine
>
http://www.resilire.com/client_projects/LG/templates/master.dwt
>
> View the child page (child page of the master template
for the LG site)
> the
> flash disappears:
>
http://www.resilire.com/client_projects/LG/index.html
>
> Another Example:
> View the master template for the flashy site (flash
works fine)
>
http://www.resilire.com/client_projects/flashy/templates/master.dwt
>
> View the child page of this template for the flashy site
( flash does not
> work)
>
http://www.resilire.com/client_projects/flashy/Untitled-3.html
>

CS3 loses css formatting in design view for non-templated pages

We recently upgraded to CS3. All of the pages on our site are
templated except the home page. The home page, when viewed in
design view in Dreamweaver, looks as if the css styles are missing.
Sometimes refreshing the view causes some of them to appear, but
not all. This didn't happen in the old version. And it's not
happening (so far) on our templated pages. Any ideas?

DW6x was not the sharpest knife in the drawer and would
tolerate lots of
things that DWCS3 will not.
I suggest you do the following -
* Change your doctype from this one (inserted by DMX6x, and
broken) -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
to this one (valid and complete - the way DMX6x *should* have
done it) -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
Now your page will render in Standards mode, and not quirks
mode (a very bad
thing).
* Change this (in your stylesheet) -
vertical-align: top;
end FedFAQ
/* ********************** COLLAPSE/EXPAND MENUS
to this -
vertical-align: top;
/* end FedFAQ */
/* ********************** COLLAPSE/EXPAND MENUS
I am sure that by doing this you will see a remarkable change
in your
page....
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
==================
"abna" <[email protected]> wrote in message
news:f9fopl$it9$[email protected]..
>
http://dallasfed.org/index.cfm
>
> (tried to attach the code in the message, but kept
getting error messages
> from this site)

CSS Flyouts in Design View

Hi,
I'm currently developing an intranet site with a CSS flyout
navigation bar on the left side of the page that comes in via an
SSI in a Dreamweaver template. The flyouts render fine in Firefox
or IE 6, but they don't render in Dreamweaver's Design View.
Instead, the flyouts show up as stati gaps between the toplevel
menu items, and hover events have no effect. I don't know if this
is possible, but it would be great to be able to turn hover events
on in Design view (at least for CSS) so that I can assess the
actual look and feel as I'm editing a site without having to check
it in a browser every few minutes.
Does anyone know if it is possible?
Thanks in advance,
Greg

The first thing is to remove this code from your file:
<style type="text/css">

</style>
The above code isn't doing anything special when you have already defined the style sheet using this:
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
Once you have done it, post back again and tell us what other problems do you actually see.
The page online and your code given here aren't the same. So check this and rectify it.
G/L

Paste Doesn't Work in DW CS3 Design View

What's up with this now?
This is a fresh installation of CS3 on a Mac Pro G5. Pasting
in text from Word or Excel won't work in Design View, but it does
in Code View.
I've been doing this for a while now on another machine,
using CS2.
What am I missing? Did I overlook something? I've checked in
the Preferences, but besides the usual choices for pasting, I don't
see why this won't work.
Ideally, I'm trying to improve my process of placing tabular
data from Excel. It's a pain to paste in information cell by cell.
Why can't I paste-in ANY text of any kind in Design View?
Thanks!

http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=dd550772
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"thanser" <[email protected]> wrote in
message
news:g8klm8$74k$[email protected]..
> What's up with this now?
>
> This is a fresh installation of CS3 on a Mac Pro G5.
Pasting in text from
> Word or Excel won't work in Design View, but it does in
Code View.
>
> I've been doing this for a while now on another machine,
using CS2.
>
> What am I missing? Did I overlook something? I've
checked in the
> Preferences, but besides the usual choices for pasting,
I don't see why
> this
> won't work.
>
> Ideally, I'm trying to improve my process of placing
tabular data from
> Excel.
> It's a pain to paste in information cell by cell.
>
> Why can't I paste-in ANY text of any kind in Design
View?
>
> Thanks!
>

Link to CSS problem (in Design View)

Hello Dreamweaver experts,
In the Design View Dreamweaver CS3 is not picking up the
styles specified in a linked stylesheet. Let me explain...
I am using an application in our office that relies upon HTML
(but does not use a standard web browser).
I need to refer to linked stylesheets using a variable like
so;
[example #1]
<link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet" type="text/css" />
The use of the variable construction "{FILES_DIR}" eliminates
the need to hard code a drive letter into the link which is
preferrable. Without "{FILES_DIR}" I have to hard-code the drive
letter like so;
[example #2]
<link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
rel="stylesheet" type="text/css" -->
Both examples above yield the same result in the application
(the stylesheet is found and its styles properly applied).
However, only with example #2 does Dreamweaver's "design
view" pick up and apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its styles using example #1.
My question is how can I make Dreamweaver understand and
apply what "{FILES_DIR}" means.
Any tips, tricks or pointers would be most welcome...

"horse.badorties" <[email protected]> wrote
in message
news:fh9o12$80d$[email protected]..
> Hello Dreamweaver experts,
>
> In the Design View Dreamweaver CS3 is not picking up the
styles specified
> in a
> linked stylesheet. Let me explain...
>
> I am using an application in our office that relies upon
HTML (but does
> not
> use a standard web browser).
>
> I need to refer to linked stylesheets using a variable
like so;
>
>
[example #1]
> <link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet"
> type="text/css" />
>
> The use of the variable construction "{FILES_DIR}"
eliminates the need to
> hard
> code a drive letter into the link which is preferrable.
Without
> "{FILES_DIR}"
> I have to hard-code the drive letter like so;
>
>
[example #2]
> <link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
> rel="stylesheet" type="text/css" -->
>
> Both examples above yield the same result in the
application (the
> stylesheet
> is found and its styles properly applied).
>
> However, only with example #2 does Dreamweaver's "design
view" pick up and
> apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its
> styles using example #1.
Did you look into "design-time" styles sheets? That may solve
your problem.
It won't take care of the path in the document though...
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.

Why does Vertical Menu conceal items in design view?

I have a problem with a vertical menu that is placed in my page's left column. When workign in desing view, the vertical menu's sub menu components remain open and this conceals the things that I want to work on that are placed behind the sub-menu items. Any ideas how I can "collapse" the menu when workginin design view? Thanks!

Hello Beth, to follow is the CSS for my menu bar (vertical). I see that the left: -10000em; is in there correctly. Notice anything out of line? Thanks for your input!!!
Rod
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box with no margin or padding */
ul.MenuBarVertical
/* 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 same fixed width as parent */
ul.MenuBarVertical li
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
     border-top-color: #EEE;
     border-right-color: #EEE;
     border-bottom-color: #EEE;
     border-left-color: #EEE;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
     background-color: #F00;
     color: #FFF;
     font-size: 12px;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
     background-color: #F00;
     color: #FFF;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
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.MenuBarVertical a.MenuBarItemSubmenu
     background-image: url(SpryMenuBarRight.gif);
     background-repeat: no-repeat;
     background-position: 95% 50%;
     font-size: 12px;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
/* 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.MenuBarVertical a.MenuBarItemSubmenuHover
     background-image: url(SpryMenuBarRightHover.gif);
     background-repeat: no-repeat;
     background-position: 95% 50%;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;
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.MenuBarVertical iframe
/* 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.MenuBarVertical li.MenuBarItemIE
     display: inline;
     f\loat: left;
     background: #FFF;
     width: 160px;
     border-top-style: none;
     border-right-style: none;
     border-bottom-style: none;
     border-left-style: none;

Why does my page look great in design view and to the left in live view?

I just created a new page using a fluid grid layout and in "design" view it looks great but in "live" view or on a browser preview the wording all goes to the left. What I am doing wrong? I also have another question which may relate to the first. I have four templates. Do I create a new named .css file for each new template or continue using the same layout.css file for all templates? Since I created a new .css file for every template maybe it is causing confusion. Thanks in advance.

If this is what you want, rework your HTML so all three images are in the same div and adjust your css to narrow the scroll down image and on Order jpg, vertically align top, 30px margin.
<div id="header">
<div id="pic1">
<img src="Thumbs/Scroll-Down.jpg" alt="More Pictures">
<img class="goldborder" src="NewImages/englilshivymain.jpg" alt="">
<a href="#OrderHere2">
<img alt="Order Here" src="Thumbs/OrderHere.jpg">
</a>
<br>
English Ivy (Detail)
</div>
<div id="pic4">

Odd CSS issue in Design View

In either Design View or Split View (in the Design view
section), I cannot mouse select or highlight text in the main
content portion of the page. The cursor remains as the default
arrow and does not switch to the text cursor. As far as I can tell,
this is a CSS based issue (since if the CSS file is not used, the
text can be selected). This occurs in CS2 and CS3. The CSS and
XHTML validate, so I'm really confused.
The troubled area is the central content starting with the H2
heading "About Us." I know Dreamweaver can be a
little on on displaying CSS properly, but this just seemed to be
too much. Any one else seen anything this flakey? Or, does any one
else see an error in the CSS that I am missing?
The big issue with this is that the code
appears fine and displays in browsers ok, but client's will
use the Design view in Dreamweaver to update content. If they
cannot select the text then it is possible they will think the
HTML/CSS is broken. Even though designs can be done in multiple
ways, I like this solution to a 3 column fixed-width design with
header and a footer that moves down depending on body
content.

The first thing is to remove this code from your file:
<style type="text/css">

</style>
The above code isn't doing anything special when you have already defined the style sheet using this:
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
Once you have done it, post back again and tell us what other problems do you actually see.
The page online and your code given here aren't the same. So check this and rectify it.
G/L

Why has my form suddenly disappeared from design view?

My form has just disappeared from 'design view' but if i hit 'live view' it re-appears, the code is all there i just cant view it?

Ness_quick wrote:
My form has just disappeared from 'design view' but if i hit 'live view' it re-appears, the code is all there i just cant view it?
Its because your table code is broken. I had a job this morning wading through it so I eventually selected just the from part - <form> </form> - which I believe is intact and dumped it in another DW file.
If you can't find the broken or missing tag/s can I suggest you do this and rebuild the outer table.

Template based pages dont render in Design View

Using DW CS5 on a new PC, HP w/Intel i3-2130 3.40 GHZ 6gb RAM. Using a template, I cannot see anything in Design View. Only when I go into Live View, can I see content. It also takes a very long time to save and validate. I save often, so it should not be a matter of too many changes. I have tried to uninstall and reinstall, but then I get over 70 errors on reinstall. Any help is appreciated.

Just a guess, but it seems that the site uses server side includes (the shtml extension and there is a ssi include in your template). You will probably need a testserver running (like XAMPP) on your local system to preview this in a browser.
Grtz

Why doesn't my CSS render in design view or browser view?

Similar Messages

Maybe you are looking for