Dreamweaver CS4 Live View

When I view my layout in Live View, it shows as it should, but does not show in either FF or IE correctly. Anyone know why that happens?

Hi
You are not going to like this, but, the simplest way is to go back to using 'normal' css layout methods, (float etc,) for everything. Remember you would have to do this in an alternative css style sheet for IE6/7 anyway, and as they combined still have 20%-25% of the browser market share they cannot be ignored.
Using the css display tables is still unfortunately 2-4 years away.
I did say you would not like the answer .
PZ

Similar Messages

Dreamweaver CS4 Live View - background-image does not display

I'm teaching a basic Dreamweaver CS4 class, and one of my students happened upon a unique problem.
Although the students were not required to use LiveView for their assignment, the student noticed that when he clicked the LiveView button to look at his assignment, that the background-image property that he set on the #header DIV does not display.
I tried duplicating his problem by building a similar site to his, using the exact same Dreamweaver Starter Page he used, but I'm not able to reproduce it the problem. If I define a new site using the files the student sent me, the problem comes back.
I'm completely stumped. What could possibly be causing the background-image CSS property to stop rendering in Live View?
Thanks for any help at all!

Hi
Check your students css code for invalid or missing mark-up, or linking to the background image. Another possible problem, (occurs on some sites but not all) is to check if the url is enclosed in quotes as these are occasionally required but not always, also check for spaces in file names
e.g. - background-image: url(../images/yourimage.jpg); should work but occasional requires quotes as in - background-image: url("../images/yourimage.jpg");
PZ
www.pziecina.com

DW CS4 Live View Not Working

I have migrated within a week of buying DW CS3 to DW CS4 and
have been spending the last 24 hours or so watching the excellent
videos on lynda.com for CS4.
I then decided to take the plunge and start producing my own
content. The first thing I wanted to see was how to drag and drop
an Excel file into an HTML page.
Firstly, DW seemed to generate a file link only without
presenting me with a dialogue box to let me choose what I wanted to
do.
Secondly when I then tried to switch to Live View I was faced
with the message that
Live View needs Netscape/Firefox Flash Plugin
I have searched Help and the Adobe site for this plug in but
have got nowhere ... can anyone please save me a load of time and
heartache and tell me what I need to do?
I thought it might be an Excel problem so I tried to do the
same with a Word file and faced the same problem.
Thanks for your attention!
Duncan

duncanwil wrote:
> I then decided to take the plunge and start producing my
own content. The
> first thing I wanted to see was how to drag and drop an
Excel file into an HTML
> page.
You can't. To import the content of an Excel file, select
File > Import
> Excel Document. Warning: it doesn't work very well. You
get only the
worksheet that was open when the Excel file was last closed.
You also
frequently get a lot of empty cells at the bottom. It's much
better to
copy and paste from Excel.
> I thought it might be an Excel problem so I tried to do
the same with a Word
> file and faced the same problem.
Same answer. You can't drag and drop Word into an HTML page.
Select File
> Import > Word Document. This works much better than
Excel.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

CS4 Live View Won't Display External CSS

I have a simple .html file - all located on my local machine
with an external .css file located in the same folder as the .html
file. Everything displays fine in a browser. Live View won't
display items in my external css file. It displays items in the
inline file fine. If I move items from the external to the inline
file they will appear. Links are relative to the Document in the
site setup. No default images folder defined (images are in a
folder called "images").
I know it's something simple and dunderheaded. Just getting
back into html after a little hiatus. Any help greatly
appreciated.

> If this is a static site, ignore the Live View button.
> Test it in browsers using F12.
Live view will work fine in a static site, though.
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
==================
"Alan" <[email protected]> wrote in
message
news:C5713A99.31982A%[email protected]..
> suggestion-
>
> Make every line in the site defintion Correct.
> If not sure what it should be, ask.
>
>
> If you use site root relative paths, enable using temp
files in dw
> preferences->Preview in browser
>
> The link to the external css file is a site root
relative path.
> Change it to a document relative path
>
> There is a pulldown at the bottom of the "browse to
file" dialog box to
> choose linking method.
>
> --
> Alan
> Adobe Community Expert, dreamweaver
>
>
http://www.adobe.com/communities/experts/
>
>
>

Jquery Mobile Website does not preview properly in Dreamweaver's Live View or in my web browser

I'm using Dreamweaver 12.0 Build 5861.
I can't figure out what I'm doing wrong. I go
File / New / Page from Sample / Mobile Starters / JQuery Mobile with theme (local).
I then save my page.
Then when I go to preview my new page in Live View, it shows a page without any styles, etc.
When I upload the page and additional files created by Dreamweaver to my server. I preview it and it will look like the default style JQuery page, but when I click on the button to see the content for that page, there is not a "back" button to come back to my home page.
Also, when I try to implement a JQuery mobile swatch, the Swatch window says "No Theme Applied."
I feel like I'm missing something really simple,,, but what? Is there a setting I need to change or am I missing a step? I have looked at many video tutorials online and I believe I am taking the same steps.

You're missing the viewport meta attribute. Add ths to your <head> section.
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
And add this to Line 13:
<div data-role="page" id="page" data-add-back-btn="true">
Do this for all page IDs.

Dreamweaver CS6, Live View & JQuery (not JQuery Mobile).

Hi, is it possible to view JSQuery (not JQuery Mobile) in the Live View within Dreamweaver CS6?
If so how.
Thanks in advance.

I know what jQuery is but what is JSQuery?
What are you expecting to see in Live View that you can't?
Nancy O.

Dreamweaver CS4 Code View

Please excuse this question, but I don't know what to call
it...
What is the red dash box in code view? How do I set it?
Thanks much

The red dashed box is what you see when you insert a form on
a page (INSERT
| Form > Form).
> I'm trying to figure out how to control it thought
Dreamweaver CS4.
Sorry - I have no idea what you are asking here. Do you NEED
a form on your
page? If you do, and you are wanting to alter the appearance
of it, use
CSS. You do know that the red dashes are only seen when
looking at the page
in DW's Design view, right? Or maybe are you asking how to
change THAT
appearance? Like from red dashes to green dashes? Sorry - I
have no idea
how to do that.
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
==================
"rcflyer2005" <[email protected]> wrote in
message
news:glt5v0$5gs$[email protected]..
> Pardon me, my error. The red dash box is in the design
view. When I
> remove
> the form tag it goes away. I can control its width with
CSS:
>
> <style type="text/css">
> form {
> width: 600px;}
> </style>
>
> I'm trying to figure out how to control it thought
Dreamweaver CS4.
>
> Thanks.
>
>

Table borders in Dreamweaver cs4 design view too big, I would like to have a single line for tables

Hi All,
I design email templates using only tables but the design view options in cs4 only provide a huge 3px border in order to display the tables. In older versions of macromedia etc the table view is only 1px wide which makes designing a whole lot easier.
When I add tables within tables it adds more spacing and looks way off and it also looks off in browsers, causing me to have to increase and decrease padding sure this is no way to create table even if they have no borders and the table width is already fixed?
I have tried turning borders off in visual aids but there is no option to have just a single line to demonstrate a border!!
I can't work like this, can anybody help me or is this just the way borders are displayed in cs4 for the pc???

Hi Guys, thanks for getting back to me.
the problem is purely about design view display and not about coding.
Below is how CS4 displays borders with two lines which I find difficult to decipher:
Then below is Macromedia DM 8 and this how I want the borders to look, with single lines to display the tables.
This may just be the way Abobe have decided to display tables in design view and there may not be any option to change it but if you know any way to change it I would be most greatful.
Thanks again.
G

Dreamweaver CS4 Design View Issues

Hi,
I'm experiencing issues with the design view in DW CS4. It seems a little buggy to me. Sometimes I cannot seem to select any items at all, either using a single or double click. It's starting to drive me nuts. Is there an easy way to enter into this form of editing that's a little less random ?
Many thanks in advance

There are two things that could prevent you from editing a region of DW's design view:
The page is the child page of a DW template and the region you are trying to edit is in a NON-EDITABLE part of that template, and cannot be edited in the child page.
The container (i.e., the ancestor) for the region you are attempting to edit has a CSS style of "overflow:hidden" applied to it. Double clicking (or right click > Element View > View All) would open that region for editing.
If you are able to verify that one of those two possibilities is in play, then you have your answer. If neither of them applies, then we would need to see the page and its code - perhaps you could post a link to it?

Design View Issue Dreamweaver CS4 - Taking forever to load design view

I am having an issue where my site takes literally almost a full day to load in design view. Once it is loaded everything works seemlessly but once I close down Dreamweaver and reopen it, I have to wait another day to get to design view of my site. All files open just fine in code view.
I have deleted the Dreamweaver CS4 cache folder, completely formatted my drive and reinstalled creative suite. I have also validated my code on W3c and everything checks out fine.
The majority of my site is based off of a template, but even when I remove all the template references in the html files from Notepad I am still having the same issue. My site renders fine and quickly however on Explorer, Firefox, Chrome, and Safari.
When loading any other site off the web into Dreamweaver I do not run into the problem so there must be something wrong with how my site is set up. Either the Template file is no good or somewhere else I am falling short. Can someone, please, please, please ( I am begging) help me figure out what is going on here.
My index file is located at - http://www.thebluedot.net/index.html and the template file is located at - http://www.thebluedot.net/Templates/index.dwt
I have searched high and low and even made a post on this same topic about a month ago but never came up with a resolution to my issue. I had given up on finding a solution to this problem for some time, but I really need to figure out where I am going wrong here!
Additional Details -
I am running - Windows Vista Ultimate on a Core 2 Processor with 12 GB of Ram & Solid State Hard Drive. Everything on my system runs super smoothly except loading my site in Dreamweaver CS4 design view.
I really appreciate any help you can provide.

I have used CS2 Adobe GoLive to create and manage a website (pro-prosperity.com). Now, I have CS4 Dreamweaver. I got a new site set up on Dreamweaver using the site management facility. I then have the contents of website available locally on Dreamweaver. I can edit files. But the main home page, index.html, is not displaying on design view mode for editing, although it displays everything on live view mode. I have struggled for days and am not getting any difference in attributes of index.html and another .html that is displaying fine on design view and is editable.
I am really lost and am begging for any help. Can you, for example, copy the home page from pro-prosperity.com and display on design view and edit it? Please tell me what is in this file that is troublesome. Thanks.
The first thing you should do is to make sure that this feature is turned on (it's off by default):
View > Code View Options > Highlight Invalid Html
It's not perfect, but it will notify you of some problems. In Code View, there are many problems highlighted. Some of them don't make sense, but are triggered because of a problem with a parent tag.
Be sure to make a backup copy of your file before doing the next step. Close your page. Go to Preferences > Code Rewriting, and turn on "Fix invalidly nested and unclosed tags", "Remove extra closing tags", and "Warn when fixing or removing tags". Click OK, then re-open your page. The messages in the dialog to tell you what was changed. This allowed me to see your page in Design View (I am using CS5).
Note: I suggested that you reset your preferences to turn off those 3 settings as they can cause problems with some markup.
In the long term, I suggest that you avoid nesting tables wherever possible.
Hope this helps,
Randy

Dreamweaver CS4 Preview Different Than Live?

Hi,
I need help/guidance figuring this out:
when the page is displayed in Dreamweaver CS4 design view the top menu is aligned properly, the font size is according to the CSS code and all other tags like H2 or H4 are properly displayed
same when I choose to see the new page in "Preview In Browser" (F12) in Firefox or Safari (I'm on Mac Book)
if I choose to preview the new page on "Live View" or after uploading to the server and view it in any browser suddenly the top menu is left aligned and all H tags are not displayed correctly.
This is a new development so the URL is on the hosting server as an IP: http://65.254.68.145
I tested with W3C and it passed.
Any pointers are appreciated.
Thanks,
Joseph

Thanks SnakEyez02 for your reply,
Most of the time I use "Preview in Browser" or [F12] and that shows me the same as the design view which in this case is different than actually viewing the page on the web server (live). I do understand your point for setting dimensions on the menu box and I'l do those changes, but maybe you can also give me your opinion for the H2 tags, as you can see in the 2 images attached to the original post, bellow the menu there are H2, H3 and H4 tags and they look different as well, it's like only part of the style.css is applied.
Thanks,
Joseph

My Javascript works in Dreamweaver Live View, But Not On The Server

I set up a javascript function to set the focus to the first field in a form as the page loads. It works fine in Dreamweaver's Live View, but not on the local or remote servers. Here's the code:
In the heading I have the following function:
<script type="text/javascript">
function setFocus()
document.getElementById("firstname").focus();
</script>
In the <head tag, I have:
<body onload="setFocus()" ...
and the first field in the form is:
            <input name="firstname" type="text" id="firstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
I guess I must be missing something, but don't know what.

EUREKA! (and OOOPPPPSS!) I found the problem (and I thought javascript was case sensitive - according to the tutorial, it's supposed to be).
Here's apparently wha hoppen. The first field in the form is the person's first name, but it's also a SPRY validation field. I gave the actual field the name and id of "firstname", and the SPRY validation the name "FirstName", figuring that scripts would be case sensitive. In fact, when I first inserted the SPRY object, I tried to name it "firstname" also, but it wouldn't let me, so I capitalized the first letters, and it accepted that; that made me feel that this is OK. Here's the entire field's code:          <label>First Name:
           <span id="FirstName">
            <input name="fstname" type="text" id="fstname" style="text-align: center; color: #009; text-transform: capitalize; font-variant: normal; font-weight: bold; line-height: normal; font-style: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif;" tabindex="1" value="<?php echo $fstname; ?>" size="15" maxlength="20">
            <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">Minimum number of characters not met.</span></span></label>
I accidentally tripped over the answer when I started using the Dreamweaver's Edit>Find Next search to see if I had something else named "firstname", and I found that it located every permutation of that word (e.g. firstname, FirstName, FIRSTNAME etc.). Having seen that, I tried changing the "name=" and "id=" to "fstname, and the same corresponding change in the javascript, and VOILA! it worked. That leaves me rather curious about this alleged "case sensitivity" thing. I get the impression that it IS case sensitive, except when IT'S NOT. How does this work, and how do I know when it is and isn't?

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' :)

Css copy paste problem still a problem in Dreamweaver CS4

Hi all, I know this one has been discussed before, but this is still a major usability issues with the product with no practical solution available.
For some reason no one seems to be able to mark http://forums.adobe.com/thread/209290?start=50&tstart=0 as unanswered, yet numerous posts stating it isn't resolved.
Therefore, I'm starting this request to see if there is a solution.
For those of you unaware, the issue affects Dreamweaver CS4 code view. After editing in code view (usually with CSS files though others have reported other code types) for a little while (sometimes within seconds, sometimes after many minutes of use) and then when you copy (Ctrl-C) the application selects all text and copies that. Usability wise, you've just lost your place in the code (which you may have spent some time finding in a complex file) and what you wanted to copy is not what's in the clipboard. So frustrating.
The issue is similarly repeated with pasting (i.e. you select some text or a place to paste and the system selects all before pasting from clipboard).
So does anyone know of a patch to fix this yet?
Thanks

This is a user to user forum and Adobe Technical people very rarely visit the forum.
If you want to make sure your problem is heard please report your problems via the Wish Form: The more people reporting a specific issue, the more likely that it will be looked into:
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
Nadia
Adobe Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

13.1 Update: Live View is Borked

My live view is borked as of 13.1 update. The design I was working with renders properly on my phone, properly in Chrome, but renders with a horizontal scroll bar in Dreamweaver CC live view. It's really quite annoying. Is there a fix coming?
-J

Unfortunately, I can't. I'm working on a localhost staging server. The deal is: the design I'm working on is a responsive design. I've tested the scrolling issues in all of the major browsers and none of them seem to be having a problem with this design. Just CC.
It seems to think my site is just 10-20px wider than it really is. I'm playing with some more CSS rules to see if I can find the one causing issues.

Dreamweaver CS4 Live View

Similar Messages

Maybe you are looking for