Live View not rendering CSS

On a Mac OS Mavefrick, DW CC. Mostly working fine until recently. Now CSS changes shown in Design View not seen in Live View. Checked syntax, made changes in CSS Designer to no effect. Could not uninstall DW CC (alias corrupted?) but reinstalled DW CC. Re-install had no effect. Suggestions?
RJL

Thanks for your suggestion but this has been a sudden, recent change. Never had this problem before using DW CC.
Today, I tweaked the CSS and got to a point on one of my pages (calendar.htm) where everything in Design view and Live view looked just as I wanted it. Tested in Firefox and Chrome, still fine. Uploaded the file to the server, opened the page in Chrome, still fine. An hour or two later I went back to calendar.htm and whereas everything was fine in Design view the CSS styling on the h4 tags were not present in Live view. Checked the web again and the calendar.htm looked as I expected it to look (serrakck.org --> Calendar).
Still need help. I have a bunch of CC apps on my Macs and maybe there is some comflick with them. Don't have any other version of DW except DW CC.

Similar Messages

Live View Not Rendering Page Properly

Can someone explain why the LIVE VIEW in DW5.5 wouldnt render the page properly? I have a site that I developed, and when I view it in every browser... FF, IE, Opera, Safari, etc there are no errors and the page renders properly. However, when I view a page in the Live View, my footer section (which is done by a server side include) renders skewed far to the right. It must have something to do with that SSI, because I have other SSI's on the page and they are fine. It's just that one single one (the footer).
As I said, the site renders perfectly in all browsers, just not in Design View. I am evaluating DW5.5 for use using the trial period, so perhaps there is some feature that's turned off? The code for the site is a bit too much to put here, but right now I'm just looking for reasons that there would be such a drastic difference.
Thanks.

To paste code, go to the web forum (email doesn't work for this).
Click on 'Use advanced editor'
>> (insert icon) > Syntax highlighting > plain.
Paste your CSS & HTML code into the box.
Code looks like this........
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Live View not rendering in CS5

I have tried to use Live View to test my php code and have literally only put a line of php code in the body of my html which is
<?php
echo "This date is generated by php code ";
echo date ('d F, Y');
?>
Live View is processing but does not render the output but when I preview in browser it works just fine. There is nothing to it ie. no pictures or css etc so I cannot understand why it does not output. Please can anybody offer some advice, I am using CS5? Thank you.

Hi Randy, thanks for your reply. My file and extension is index.php with only that one line of code in for me to test. I am using MAMP and my servers are on. I have noticed that when I select the Live View Button, my page begins to render in the bottom right corner of the screen and the Address Bar changes from
localhost/testSite/index.php
to
localhost/testSite/TMPNZA6CQ.php
but then nothing appears in the Design Window to show the result of my php code ie. The Date.
However, when I preview in browser - the page displays as it should. It looks like there is a bug with my Live View in DW CS5.
Has anyone else had this problem?
Your help is greatly appreciated.
Y

Live View not showing css or images.

Hi
Heres the issue:
Images and css appear in Design View
Images and CSS appears in Browser when I click view in browser
Images and CSS dont appear in Live view (no css and question marks for images)
Any ideas?
I have previously built this into an android app that worked fine and have come back to DW after a few months of not using it just to make some small changes and this has spontaneously occured?! I havent changed any settings etc so not sure why its all of a sudden decided to do this!
Thanks

Above: Design View.
Below: Browser View:
And Now: Below is Live view:
Im using Adobe CS6 and the last time I used it I didnt have this problem. I worked on a project for a few months using Live View and Browser View with no problems at all. Revisiting after a few months and this has suddenly started!!!!
Thanks guys

USF on iTunes U collections such as Sustainability and iteach Initiative are not displaying new items even days after they are uploaded to the collections. The items show in the Preview of the collections but not Live view. not displaying

USF on iTunes U collections such as Sustainability and iteach Initiative are not displaying new items even days after they are uploaded to the collections. The items show in the Preview of the collections but not Live view. not displaying

Greetings;
This seems to an ongoing issue (see related discussion link). We've been experiencing the same update lag since last Friday. The new additions to the Collection appear and are accessible in both the iPad and iPhone applications, but even though they additions appear in "Quick View", the material doesn't appear in the Collection itself. Apple is aware of the issue and is investigating. All the best...
Syd Rodocker
Tennessee State Department of Education
https://discussions.apple.com/message/15461971#15461971

Css shows in live view, not in design view

Hi all-
I'm new to dreamweaver and was trying to move a site I have already coded into dreamweaver, hopefully to be able to find errors but mostly to be able to update more quickly in the future.
I've noticed one pecularity (at least to me!) - I have some basic "rounded corners" with css that show up properly in the "Live View" or in a browser, but in design view they are just standard boxes with no css attributes added.
Is this normal, or is it something in my code?

It's most likely completely normal. I know in my DWCS4, it doesn't recognize any CSS3 items in Design View.
As long as your pages are validating and previewing in the browsers correctly, you're good to go.
You can run the validators here to check for errors...
CSS: http://jigsaw.w3.org/css-validator/
HTML: http://validator.w3.org/

Design View not rendering content of pages

I am the webmaster and lead developer for a state university. We have developed a responsive Dreamweaver template for our mostly non-coding users (admin assistants usually are assigned web tasks for some reason). You can see our site here http://www.wwu.edu/webtech . When we bring up pages in Design View, they cannot be edited; none of the content is visible. Live view is pretty good, but it's difficult for non-coders to edit in this window. For instance, in Design view they can just select Enter after a block of text to start a new <p>; In Live View you can modify an existing paragraph as if you were in Design View, but you cannot add elements without using the Insert tool. My non code users have no idea what the Insert menu is talking about. So my questions are:
1. First - has anyone else hit situations where Design View did not work? Here is what it looks like for the site mentioned above:
2. Any idea why design view cannot handle this page? It's a standard responsive site with media queries... I've tried stripping out complexity but cannot get it to work. It is valid HTML and passes tests.
3. Am I using the wrong product? Can Muse handle Dreamweaver templates?

Nancy O, osgood_, Fritz, thank you for your thoughts.
Dreamweaver has been a wonderful tool for non-coders for many years. We developed templates for the groups, then all they had to do was put the content into the correct areas through the power of the Dreamweaver template. That is no longer possible it seems with the more complex, responsive templates. And yes, Osgood_ , it does appear that some pages will be rendered fine in Dreamweaver. Our older templates such as represented by this site: http://www.wwu.edu/bservices IS viewable and editable in Dreamweaver Design view. Those users are quite happy. However our newest responsive Dreamweaver templated sites such as http://www.wwu.edu/webtech and http://www.wuw.edu/registrar2 are not.
What I'd really love is for an adobe engineer to sit down and look at our templates and let me know if there is anything I could do to make these templates usable in Design View.
Our other alternative is to move away from static HTML and Dreamweaver and go entirely to WordPress and Drupal. I will miss Dreamweaver when this happens! I had hoped there was a place for those who did not want the complication of a Wordpress site...

Why does Live View not work with the following: @media only screen and (max-width: 480px)?

When I use the above media query in my stylesheet Live View ceases to update the viewport. I have to update it manually each time I add or change a style. This is not the case when I use styles under a common tablet sized query @media only screen and (max-width: 768px), or when there is no query at all. Is this a bug or is there something I am missing here?

Code errors might account for the discrepancy. Validate your code and fix any reported errors.
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O.

How to Live View with external CSS files?

I am using a simple HTML page that references several external CSS style sheets. The style sheets are site root relative. The code validates.
http://www.sandsmuseum.com/coinop/games/evansraces/documentation/index.html
In Dreamweaver, the page looks good in Design View. Previewing in a browser looks good when the box to save temporary files is checked (replaces css inline for the input to the browser.)
However the page is missing the CSS and an image that is site root relative when I try to view it with Live View.
Does Live View only work with a test server? I tried setting up a test server that points to the remote server but that does not seem to help.
I am sure I am missing something. Can someone please help?
Thanks,
Michael

Apparently I did not ask the question correctly or even make it interesting. Does anyone have a suggestion on how I might ask the question next time?
thanks
Michael

DreamWeaver CC 2014 live view not correct

I am using the new DreamWeaver CC 2014 on Windows 7. I have a html doc using a separate CSS style sheet, JQuery, JQuery UI, and Modernizr. The page is setup using flexbox and displays as expected in Chrome and IE. Everything validates outs without warnings or errors. I turned on live view and the displayed page is not even close to how chrome shows the page.
Is any one else having similar issues?

Hi All,
This issue has been fixed in the latest Dreamweaver CC 2014.1 update, which is now live.
We would encourage all of you to give it a try and would love to know your experience around it.
Please read this post (Dreamweaver October 2014 release is now live! Read this first.) before you proceed with the installation.
Cheers,
Subhadeep

Internal Server Error; Live View not working...please help:)

I am a beginner doing a tutorial through David Sawyer McFarlands' "CS5: The Missisng Manual. I have MAMP set up and working fine. I just got through doing a tutorial on editing a recordset and linking to a Detail page. I have used Live View just a few minutes ago and it was working fine. However I just tried to click live view again after completing this part of the tutorial and a pop up box says "dynamically-related files could not be resolved because of an internal server error". I have no idea what this error could be. When I type http://localhost/ in my browser it shows a file on the dynamic website we are working on called cosmo_shop. But when I type http://localhost/cosmo_shop the screen goes blank....Can someone help me with this???

frankieb83 wrote:
I have no idea what this error could be. When I type http://localhost/ in my browser it shows a file on the dynamic website we are working on called cosmo_shop. But when I type http://localhost/cosmo_shop the screen goes blank....Can someone help me with this???
Nobody else is likely to have any idea what the error is without seeing the code of the page you're working on. However, you might find Why is my PHP page blank? in the Dreamweaver FAQ points you in the right direction.
Since you're new to these forums, you might also like to take a look at How to get help quickly.

SWF Banner works in Live View not in Any Browser? Losing my mind...

Hello,
I'm not a pro but have some web building experience. I'm currently building a website for myself in Dreamweaver CS5. I made a simple flash banner where pictures fade in and out. I placed it into my template and it works fine in Live View but not in Chrome, Firefox or IE.
It has gotten to the point where I am losing my mind.
I create a new HTML doc. Drag and drop ANY swf file. Saved Swf files as flash 8 and flash 9 even. Updated my flash last night for my browsers. Again... See it fine in Live View and not in the browsers i've mentioned.
The browsers (except chrome which displays nothing) show this message.
Content on this page requires a newer version of Adobe Flash Player.
Even after flash updates and using a swf file saved as an older veriosn of flash (tried 9,8 and 5 for a laugh).
Here is the html code (all generated by Dreamweaver). I am totally baffled and have spent HOURS scrying the internet to no avail. I even tried this in a trial version of Dreamweaver CS6 but had the same reslut. Please help me. What's going on?
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="/Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="860" height="300">
<param name="movie" value="/homeBanner8.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />

<param name="expressinstall" value="/Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="/homeBanner8.swf" width="860" height="300">
    
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="8.0.35.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>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

SWF (Flash) animations won't work in iPhone, iPad, iTouch, Android or any other web device that lacks support for Flash. Do yourself & your site visitors a favor. Use jQuery instead of Flash.
jQuery Cycle2
http://www.malsup.com/jquery/cycle2/
jQuery Wow Slider
http://wowslider.com/
jQuery Nivo Slider
http://dev7studios.com/nivo-slider/
Nancy O.

Testing Server / 'Live View' not working

Hey guys, I'm trying to create my first e-Commerce site in Business Catalyst and having a bit of an issue with setting up testing. I've downloaded multiple basic templates from 'BC' and they all seem to be giving me the same issue.
Issue:
When using Dreamweaver CC's 'Live View' (which seems to be a one stop shop for testing changes without them pusing to the live site) the encompassing template in a page is displayed correctly, but the content area always displays 'Page not Found'. Take a look at the attached image to see exactly what I mean.
I've contacted support and browsed the form, but it seems I am the only one with this issue. Again I've tried it with multiple templates on multiple computers. Am I missing something simple? What does everyone else use for testing? Please help.

Hi,
When you press the "Live" button in Dw, it asks you if you want to save the file before putting. If you select No, and there's also NO such file on the server, then you'll have the "Page not found" message displayed.
Hope this helps.
Kind Regards,
Alex

Live View not working

In DW CS4 Live View is not working for me. I keep getting the
message "Live View needs Netscape/Firefox flash plugin. I tried
downloading that from Adobe but to no avail. Help. I am still
learning this program and trying to do my first web page and can't
get Live View to work.

[email protected] posted in macromedia.dreamweaver
> In DW CS4 Live View is not working for me. I keep
getting the
> message "Live View needs Netscape/Firefox flash plugin.
I tried
> downloading that from Adobe but to no avail. Help. I am
still
> learning this program and trying to do my first web page
and can't
> get Live View to work.
Looking through the archives, it seems you are about the 6th
person to
have this problem.
The one and only message that says it was resolved, says that
they
called Adobe support and were provided an FTP link to a file
that fixed
it for them.
So, I guess I'm suggesting that you call Adobe Support on
this one.
Mark A. Boyd
Keep-On-Learnin' :)

Design View Not Rendering

Before anyone forwards me to another site I want you to know that I've been to several and none of them have solved my problem.
My problem is the design view is not rendering. I get the "Type, paste, or drag..." message in the viewer. I have tried all the suggestions that i could find to solve this and none of them work. If i delete JDeveloper and reinstall it, it works. But I can't do that all the time. I don't know the steps to reproduce this as it seems to be different every time.
The error that i get in the console window is:
" Error exercising tag : f:view
javax.servlet.jsp.JspException
     at com.sun.faces.taglib.jsf_core.ViewTag.doStartTag(ViewTag.java:137)
     at oracle.jdevimpl.webapp.design.renderer.DesignTimeJspActionRenderer.doStartTag(DesignTimeJspActionRenderer.java:1314)
     at oracle.jdevimpl.webapp.design.renderer.DesignTimeJspActionRenderer._executeTag(DesignTimeJspActionRenderer.java:1636)
     at oracle.jdevimpl.webapp.design.renderer.DesignTimeJspActionRenderer.render(DesignTimeJspActionRenderer.java:241)
     at oracle.jdevimpl.webapp.design.renderer.FacesActionRenderer.render(FacesActionRenderer.java:128)
     at oracle.jdevimpl.webapp.design.support.jsp.DesignTimeJspServlet._renderSource(DesignTimeJspServlet.java:195)
     at oracle.jdevimpl.webapp.design.support.jsp.DesignTimeJspServlet.serviceJsp(DesignTimeJspServlet.java:109)
     at oracle.jdevimpl.webapp.design.support.jsp.DesignTimeJspServlet.service(DesignTimeJspServlet.java:73)
     at javax.servlet.http.HttpServlet.service(HttpServlet.java:856)
     at oracle.jdevimpl.webapp.design.support.http.DesignTimeServletInfo.service(DesignTimeServletInfo.java:274)
     at oracle.jdevimpl.webapp.design.support.http.DesignTimeRequestDispatcher.dispatch(DesignTimeRequestDispatcher.java:236)
     at oracle.jdevimpl.webapp.design.support.http.DesignTimeServletContainerContext._service(DesignTimeServletContainerContext.java:681)
     at oracle.jdevimpl.webapp.design.support.http.DesignTimeServletContainerContext.service(DesignTimeServletContainerContext.java:626)
     at oracle.jdevimpl.webapp.design.DesignTimeRenderThread.service(DesignTimeRenderThread.java:74)
     at oracle.jdevimpl.webapp.design.DesignTimeEngine.service(DesignTimeEngine.java:348)
     at oracle.jdevimpl.webapp.design.view.DesignTimeViewDocument._serviceJsp(DesignTimeViewDocument.java:855)
     at oracle.jdevimpl.webapp.design.view.DesignTimeViewDocument.rebuildTree(DesignTimeViewDocument.java:139)
     at oracle.jdevimpl.webapp.design.view.DesignTimeFixedViewDocument.rebuildTree(DesignTimeFixedViewDocument.java:154)
     at oracle.jdevimpl.webapp.model.content.dom.view.proxy.ProxyViewDocument.initialize(ProxyViewDocument.java:80)
     at oracle.jdevimpl.webapp.editor.AbstractWebAppEditor.rebuildViewDocument(AbstractWebAppEditor.java:686)
     at oracle.jdevimpl.webapp.editor.html.HtmlEditor.rebuildViewDocument(HtmlEditor.java:621)
     at oracle.jdevimpl.webapp.editor.jsp.JspEditor.rebuildViewDocument(JspEditor.java:209)
     at oracle.jdevimpl.webapp.editor.AbstractWebAppEditor.createDocuments(AbstractWebAppEditor.java:1206)
     at oracle.jdevimpl.webapp.editor.AbstractWebAppEditor.open(AbstractWebAppEditor.java:393)
     at oracle.jdevimpl.webapp.editor.html.HtmlEditor.open(HtmlEditor.java:172)
     at oracle.jdevimpl.webapp.editor.jsp.JspEditor.open(JspEditor.java:113)
     at oracle.ideimpl.editor.EditorState.openEditor(EditorState.java:239)
     at oracle.ideimpl.editor.EditorState.createEditor(EditorState.java:147)
     at oracle.ideimpl.editor.EditorState.getOrCreateEditor(EditorState.java:90)
     at oracle.ideimpl.editor.SplitPaneState.canSetEditorStatePos(SplitPaneState.java:231)
     at oracle.ideimpl.editor.SplitPaneState.setCurrentEditorStatePos(SplitPaneState.java:194)
     at oracle.ideimpl.editor.TabGroupState.createSplitPaneState(TabGroupState.java:103)
     at oracle.ideimpl.editor.TabGroup.addTabGroupState(TabGroup.java:275)
     at oracle.ideimpl.editor.EditorManagerImpl.createEditor(EditorManagerImpl.java:1261)
     at oracle.ideimpl.editor.EditorManagerImpl.createEditor(EditorManagerImpl.java:1196)
     at oracle.ideimpl.editor.EditorManagerImpl.openEditor(EditorManagerImpl.java:1131)
     at oracle.ideimpl.editor.EditorManagerImpl.whenOpenEditor(EditorManagerImpl.java:2332)
     at oracle.ideimpl.editor.EditorManagerImpl.handleDefaultAction(EditorManagerImpl.java:1893)
     at oracle.ide.controller.ContextMenu.fireDefaultAction(ContextMenu.java:343)
     at oracle.ideimpl.explorer.BaseTreeExplorer.fireDefaultAction(BaseTreeExplorer.java:1576)
     at oracle.ideimpl.explorer.BaseTreeExplorer.dblClicked(BaseTreeExplorer.java:1913)
     at oracle.ideimpl.explorer.BaseTreeExplorer.mouseReleased(BaseTreeExplorer.java:1934)
     at oracle.ideimpl.explorer.CustomTree.processMouseEvent(CustomTree.java:176)
     at java.awt.Component.processEvent(Component.java:5253)
     at java.awt.Container.processEvent(Container.java:1966)
     at java.awt.Component.dispatchEventImpl(Component.java:3955)
     at java.awt.Container.dispatchEventImpl(Container.java:2024)
     at java.awt.Component.dispatchEvent(Component.java:3803)
     at java.awt.LightweightDispatcher.retargetMouseEvent(Container.java:4212)
     at java.awt.LightweightDispatcher.processMouseEvent(Container.java:3892)
     at java.awt.LightweightDispatcher.dispatchEvent(Container.java:3822)
     at java.awt.Container.dispatchEventImpl(Container.java:2010)
     at java.awt.Window.dispatchEventImpl(Window.java:1774)
     at java.awt.Component.dispatchEvent(Component.java:3803)
     at java.awt.EventQueue.dispatchEvent(EventQueue.java:463)
     at java.awt.EventDispatchThread.pumpOneEventForHierarchy(EventDispatchThread.java:242)
     at java.awt.EventDispatchThread.pumpEventsForHierarchy(EventDispatchThread.java:163)
     at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:157)
     at java.awt.EventDispatchThread.pumpEvents(EventDispatchThread.java:149)
     at java.awt.EventDispatchThread.run(EventDispatchThread.java:110)
And i get several errors similar to this.
I am using version: 10.1.3.3.0 (Build 070615.0525)
This happens while trying to create JSF Applications.
Can anyone help me out with this.

I had the same problem and almost spent a whole day trying to fix it...
Check your web.xml file and remove the "*" from the url-patern
i.e. change <url-pattern>/faces/*</url-pattern> to
<url-pattern>/faces/</url-pattern>
Do the same for the other mappings:
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/adf/</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>resources</servlet-name>
<url-pattern>/jsf/</url-pattern>
</servlet-mapping>
I don't know the explanation but it worked...

Live View not rendering CSS

Similar Messages

Maybe you are looking for