My css won't render in live view on dreamweaver cc?

I created a html and css file on my personal computer, and put the files on a shared network, but when I try to access this files on a different computer the css doesn't render in dreamweaver live view. I need help please?

Check the following location on the machine that is not displaying the css...
From Dreamweaver go to View > Style Rendering > Display Styles (needs to be checked)
Also check to make sure you are using Document Relative links in your .html page to the .css file. You "could" have an absolute path to the hard drive of the computer that created it, which would allow it to function correctly when viewed from that computer if the .css file still exists in its original location. When viewed from another computer without a file at that absolute path location, the css would not display.
It's all guesswork though without seeing the pages in question.

Similar Messages

Background won't appear in Live View?

Ok, so my problem is, the selected background won't appear in Live View, as the title says.
I figured this is because I just bought an external hard drive today, and moved all my files, thus changing the root folder. So I edited the root folder under Sites>Manage Sites>Edit...
... which did nothing.
So then I thought, "maybe I'll just have to start from scratch," which I tried. So I started a new page with a new css design, created a new root folder for it and dropped my background .jpg there, and the same thing happened. I can see the image in Design and Split, but not Live View. I've really scoured the internet for a solution, and most people just having ending being a problem with the root folder, but considering I tried it with a new document, I don't think that's it.
So, anyone have any suggestions?
Thanks!

Right, seeing your code will help us more than our guessing, but... Check to make sure that your background image is IN your root folder, and that the link to it is correct.
If the file is outside the root folder, even if the link is 'correct', the file will not be seen in Live View, which (as far as I know) looks no further than the root folder and all within it for its images.
You speak of making a page and THEN defining a site. You will (in my humble opinion) be much better off if you started out by defining your site. That way, you can also make sure that your image files are inside your root folder, and that your links are correct.
Best,
Beth

How do I get php files to render in Live View

I'm using CS4 and have just found that I can't get php pages to render in live view. I have no problems with html pages. Help

Hi,
his thread could solve your problem: http://forums.adobe.com/message/2610272 "DW CS4 - Design/Live view not available with PHP" where David Powers (nr. 5) answered in this way:
Have you changed your preferences to open PHP pages in Code view?
In the File Types/Editors category of Preferences, if you add .php to the list of file name extensions in "Open in code view", it disables Design view and Live View for that type of file.
Hans-G.

Problem with Css styles not showing in live view or when i browse

I am using Mac osx 10.6 and building website with Dreamweaver CS5. Sometimes div tags i create not showing styles or rendering in live view or when I browse but showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
Johanna

<!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>Portfolio</title>
<style type="text/css"></style>
<link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
<div id="wrapper">
<div id="mainnav">
    <div id="navbar">
      <ul>
        <li><a href="index.html"><br />
        </a></li>
<li>
          <ul>
            <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
            <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
          </ul>
        </li>
      </ul>
</div>
    <div id="contentinside">
      <div id="navbar2">
        <ul>
          <li><a href="design.html">Design</a></li>
          <li><a href="multimedia.html">Multimedia</a></li>
          <li><a href="webdesign.html">Web Design</a></li>
        </ul>
      </div>
      <div id="mm1thumb">Content for id "mm1thumb" Goes Here</div>
      <div id="mm2thumb">Content for id "mm2thumb" Goes Here</div>
    </div>
    <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
<div id="footer">
    <p> </p>
    <p>Johanna Bresnahan</p>
    <p>Web & Graphic Design - http://www.johannabresnahan.com</p>
    <p> email: [email protected] ....phone....857•991•5717<br />
</p>
</div>
</div>
</div>
</body>
</html>
Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
Johanna

DW8 templates won't display in Live View

I have several sites that I've developed around templates
distributed with Dreamweaver 8. When I access these with
Dreamweaver CS4, everything works well in code and design view, but
java script and images don't seem to display correctly in Live
View. Live View seems to work fine with newly created pages in DW
CS4, but my existing sites will not display. Anybody run into this?
DW CS4 on a iMac (2 GHz Intel Core 2 Duo) running under
10.5.5.

> I had to do one other thing besides
> setting up a testing server, and that was to set "Links
relative to site root"
> in the "Local info" panel of the site definition dialog.
That will change future links, and template paths updated
later- but it
won't change existing paths.
http://e7x.com/dw/
relativity extension. works in current versions of dw AFAIK.
Note- if you set up a local testing server and use site root
relative paths,
you will need to set up a "virtual host name" in your
server's config file
and possibly the Hosts file of your OS so that you can use a
url of
http://mysite.local
instead of
http://localhost/mysite/
because site root relative won't work when the
site is in a subfolder, the way dw will write them.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

CSS alignment disparities and fix: LIVE View & Browser Lab views

The upper half is LIVE View in DW CSS5.5 while the lower left is IE 9 and the lower right is FF 11 in BrowserLab. Why such a disparity between LIVE View and IE9 and FF11? You may notice that the horizontal navigation bar is only properly aligned in the IE9 view. In fact the IE9 is exactly as I want this dwt file to look like. I am redesigning my current web site and working solely on the dwt file.   These are the dwt and CSS code views. Where do I start to have FF aligned as IE9 and to fix the misleading LIVE view image.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta name="generator" content="HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<meta name="description" content="Dillmans of Notasulga, Alabama" />
<link rel="shortcut icon" type="image/x-icon" href="http://frankdillman.com/images/favicon/pryapus.ico" />

<link href="../css/frdstyles.css" rel="stylesheet" type="text/css" />


<title>The Dillmans of Notasulga, AL</title>

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body style="margin: 0; padding: 0">
   <div id="wrap">

<div id="header">
    <img src="../images/forest.gif" alt="forest gif" style="position:absolute; top: 5px; left: 5px" />
    <h1 style="margin-top: 0">Dillmans of Notasulga, AL</h1>
</div>


<div id="navigationbar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a class="MenuBarItemSubmenu" href="#">us</a>
        <ul>
          <li><a href="#">Frank</a></li>
          <li><a href="#">Dorothea and me</a></li>
          <li><a href="#">Grandkids</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">local interest</a>
        <ul>
          <li><a href="#">Notasulga</a></li>
          <li><a href="#">Macon County</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">recreation</a>
        <ul>
          <li><a class="MenuBarItemSubmenu" href="#">stained glass</a>
            <ul>
              <li><a href="#">Item 3.1.1</a></li>
              <li><a href="#">Item 3.1.2</a></li>
            </ul>
          </li>
          <li><a href="#">GPry Dogs</a></li>
          <li><a href="#">Goats</a></li>
          <li><a href="#">Orchids</a></li>
          <li><a href="#">Genealogy</a></li>
          <li><a href="#">Farm </a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">politics</a>
        <ul>
          <li><a href="#">TEA Party Locator</a></li>
          <li><a href="#">Misc. Notes</a></li>
          <li><a href="#">Elections</a></li>
          <li><a href="#">Legislature</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">links</a>
        <ul>
          <li><a href="#">Not Forever Wild</a></li>
          <li><a href="#">Dillman Family Assoc.</a></li>
          <li><a href="#">Military</a></li>
        </ul>
      </li>
    </ul>

</div>

<div id="sidebar">
</div>


<div id="main">
    page body - do not take closing div 
</div>

<div id="footer">
    <table style="width: 100%" summary="footer items">
      <tr>
        
        <td style="width: 75px"> </td>
        <td style="width:150px; text-align: right">
          <div id="update">
            05-Dec-2012 15:03
          </div>
        </td>
        <td style="width:150px; text-align:center">
          <div id="copyright">
            © 2008, 2009, 2010, 2011, 2012
          </div>
        </td>
       
       
        
      </tr>
    </table>
</div>
    </div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
   </script>
</body>
</html>
CSS file:
/*stylesheet.css for my personal pages*/
/* Body text and page background */
body{
     margin:0;
     padding: 0;
     font-family: 'Book Antiqua', Times, Serif;
     font-size: medium;
     color: #000000;
     background-color: #FFFFFF;
#wrap{
    margin: 0 auto;
    width: 860px;
    position: relative;
/*Style for main content */
#main{
    margin-left:14.5em;
    margin-right:0;
    padding: 5px;
    text-align: justify;
    background-color: #B2F63D;
    color: #333333;
/* Page header style 4Dec2012 testing additonal height: auto line of code suggested by http://www.adobe.com/inspire-archive/january2011/articles/article2/index.html?trackingid=I EHCL */
#header{
    top:100px;
    left:0;
    width:100%;
    height: auto;
    height:50px;
    background-color: #BF9230;
    border-bottom: thick solid #000000;
/*horizontal naivagion bar using spry*/
#navigationbar {
/*Style for sidebar column with total width of 10.5em and top:5.25em   UNABLE to GET top to align with body top. Adjusting sidebar top has no effect */
#sidebar {
    position: fixed;
    top: 5.25em;
    left: 4.65em;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    display: inline;
    padding: 2em;
    width: 10.5em;
    background-color: #619A00;
    border-right: thin solid #000000;
.redbold {
    color: #FF0000;
    font-weight: bold;
.quotetext {
    font-style:italic;
.bluebold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    color: #0066CC;
    text-decoration: none;
    text-align: center;
/*Level 1 Headings */
h1{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: x-large;
    color: #00008b;
    text-align: center;
/*Level 2 Headings */
h2{
     font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: large;
    color: #00008b;
    text-align: center;
/*Level 2 Headings in red*/
h2_red{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: large;
    color: #FF0000;
    text-align: center;
    font-weight: bold;
/*Level 3 Headings */
h3{
    font-family: 'Lucida Handwriting', 'Comic Sans MS', TSCu_Comic, cursive;
    font-size: medium;
    color: #00008b;
    text-align: center;
/* Unvisited links */
a:link{
   color: #00bfff; /* sky blue */
   text-decoration: underline;
/* Visited links (no underline) */
a:visited{
color: #ff00ff; /* fuchsia */
text-decoration: none;
/* Hover links (red no underline) */
a:hover{
color: #ff0000; /* red */
text-decoration: none;
/* Active links (green no underline) */
a:active{
color: #00ff00; /* green */
text-decoration: none;
/*Float image to left of paragraph*/
img.floatLeft{
   float: left;
   margin-right: 5px; margin-top: 5px; margin-bottom: 5px;
/* Float image to right of paragraph */
img.floatRight{
float: right;
margin-left: 5px; margin-top: 5px; margin-bottom: 5px:
/* Center image between margins */
div.center{
width: 100%;
text-align: center
/* Page footer style */
#footer{
     clear:both;
     height: 42px;
     width: 100%;
     background-color: #BF9230;
     border-top: thick solid #000000;
/*Page footer and automatic update of date */
#update{
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   color: #000000;
   text-align: left;
   margin-left: 7em;
/*Page footer copyright dates */
#copyright{
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   color: #000000;
   text-align: left;
   margin-left: 3em;
/*Style for tables of thumbnail images: lesson5, chapter2*/
tables.thumbs{
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
/*Style for table cells that contain thumbnails*/
td.thumbs{
    border: solid 1px #00bfff;
    padding: 5px;
/*Style for thumbnail images*/
img.thumbs{
    width:100px;
/* determine if in use. If not delete
.legislative {
    color: #800000;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    text-decoration: blink;

I think it's fair to say Spry is not your best option anymore. Spry 1.6 was a pre-release version made in 2006. It neither works well in IE9 nor touch screen devices (iPhone, iPad, etc..) because it predates them.
You could switch to Spry Menu 2.0 from the Widget Exchange (the last version made), but Adobe has abandoned the Spry framework in favor of jQuery:
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
Other Menus:
     Pop-Menu Magic2 by PVII (DW extension purchase)
    http://www.projectseven.com/products/menusystems/pmm2/index.htm
    jQuery Superfish
    http://users.tpg.com.au/j_birch/plugins/superfish/
    jQuery Mega Menus
    http://www.javascriptkit.com/script/script2/jkmegamenu.shtml
    CSS3 Dropdown Menus
    http://www.red-team-design.com/css3-dropdown-menu
    10 Responsive Menus
    http://speckyboy.com/2012/08/29/10-responsive-navigation-solutions-and-tutorials/
Nancy O.

Can't see the widget in Live view in Dreamweaver CS4 for Mac

Hi
Following this example in http://www.truveo.com/Web-Widgets-in-Dreamweaver-CS4/id/180144024212823976
from Scott Fegette to place a YUI Calendar inside a project in Dreamweaver CS4. I see that Scott after placing the YUI_Calendar.mxp they got the calendar in Live view mode and I can't do the same, can't see in Live View, only a blank page.
I follow all the Scott's instructions correctly because the code is there and I can see the calendar in the browser but not in Live View... If I turn off the Live View then can see the YUI Calendar in Design View only (a light blue tag named YUI_calendar).
I'm under Mac OS X 10.5.6.
Can you help me to see the YUI Calendar in Live View?
Thanks.
Tom

If you are using Site-root relative links, then take a look at this post:
http://blogs.adobe.com/dreamweaver/2008/12/live_view_and_siteroot_relativ.html
HTH,
Randy

The extract drag and drop function in live view on Dreamweaver cc isn't working?

Hi there,
I've extracted a PSD mockup into Dreamweaver cc and on the online tutorial it shows you how to drag the elements into the live view, but for me it doesn't allow this, when i drag an element onto the live view screen no icons show up, even though I've set up the div tag containers...
Any help would be appreciated :-)
I'm using Mac OS Yosemite if that helps.
Andy

Hi Andy,
Just make sure you are using Live View for drag and drop as it doesn't work with design view.
Which icon is not showing up? Did you get a text field to edit the asset name if required?
Please elaborate a bit more.
Thanks,
Lalita

Pages won't display in live view or browsers

Yesterday they displayed. Today they do not. Tried looking at one of the Adobe templates - that displays fine. Checked code at top of page, it is exactly same as code for Adobe template that displays. Any ideas.
Cathie

I am actually embarrassed to respond. For some reason do not display was checked on my body div. I am posting two other questions tho.
(1) I have a website with photos interspersed with the copy. I would like to be able to find a way to overlay the photos with a floating div that would allow me to put captions in. No luck so far.
(2) CSS. There is clearly something I don't get. I thought once you wrote a rule you could click on the content anywhere in the paragraph and it would change. Not working for me. Specifically I wrote some css to style photographs but when I check on the images and then the css nothing happens.
Thanks for trying to help with the other "DUH" issue.

Css doesn't show on live view, only design view

I have dreamweaver cc and it should work. It worked yesterday..
My head:
<!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>
<script type="text/javascript">
<title>Light Up Your World</title>
<script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/source-sans-pro:n6:default.js" type="text/javascript"></script>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
... I don't understand why it isn't working anymore. It's in the same map as the Html!

Validate code and fix reported errors. A missing colon, semi-colon or curly bracket might explain the problem.
CSS - http://jigsaw.w3.org/css-validator/
Also validate your HTML code and fix any reported errors.
HTML - http://validator.w3.org/
Nancy O.

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

Dreamweaver CS5.5 live view problems

1.) As described in this Thread: http://forums.adobe.com/message/3204440#3204440 the Live View is very slow, when edit/design a php-page which uses external css files
2.) The live view does not support/show css3 tags, e.g. box-shadow or border-radius, altough the css-panel knows these tags. it is necessary to open the page in a local browser or in multiscreen-preview to see the design.
3.) The live view does not render the jqeury-mobile layout.

-Live View is very slow?
Only when the page contains CSS/JavaScript interactions.
-Live view does not support/show css3 tags?
Correct.
-Live view does not render the jqeury-mobile?
Actually, it does. You need, however, to choose a local path option for
the scripts.
Dreamweaver is a marvelous program, but like everything else made with
human hands and minds - it's not perfect. Live View is a very misleading
feature - actually, the only folks I know who find it useful are
beginners (who believe it works) and authors who write books and
tutorials that teach how to use it. It's worth at least one chapter of
filler
The only truth a novice should pull out of this topic is that when
testing a web page, the only reliable test is that which involves real
browsers.
Al Sparber - PVII
http://www.projectseven.com
Finest Dreamweaver Menus | Galleries | Widgets
Since 1998

Index file freezes up live view dreamweaver cc 2014 .

Hi,
I have a html5 site that the index file was rendering fine yesterday in live view and today it freezes up dreamweaver cc 2014. The page will not render in live view however when viewed in a browser it views correctly. The rest of the site files will view properly just not the index.html file.
Any thoughts would be greatly appreciated

Are you using valid HTML code?
The W3C Markup Validation Service
Does your index page contain any neutral protocol links to 3rd party servers like TypeKit?
If yes, try changing //: to http://
If that doesn't help, we'll need to see a link to your page.
Nancy O.

Editing disabled in Live View

I've been scouring the web trying to figure out why I'm unable to edit thing in Live View with Dreamweaver CC. When I click the Live button everything in Properties and Insert etc. is disabled. All the tutorials I've seen for Dreamweaver CC everyone is adding/subtracting elements in the Live View but for me it's all greyed out and not possible. I've looked for options to enable editing in live view, but I can't find it anywhere in dreamweaver. Please help!

Live View editing is only available in CC 2014.1 (October release).
If you have an earlier version, CC 2014 or CC 13, you won't have that option.
New Features in CC 2014 June Release
http://helpx.adobe.com/dreamweaver/using/whats-new-2014.html
New Features in CC 2014.1 October Release
http://helpx.adobe.com/dreamweaver/using/whats-new.html
Nancy O.

Dreamweaver Jquery mobile live view error

i'm having this problem with my jquey mobile pages, when i preview in firefox the links works perfectly but when i use the live view in dreamweaver some of the links do not work. i'm passing url parameters from one page to to other.

Hi Ezzuah1,
If they are working fine in all the browsers that you test, and not in Live view, I wouldn't worry too much.
Thanks,
Preran

My css won't render in live view on dreamweaver cc?

Similar Messages

Maybe you are looking for