Page Displaying Randomly in Dreamweaver CS5

Has anyone had any issues with a page loading randomly and other times displaying the message "Internet Explorer cannot display the webpage". This is when you view the site in IE8 after highlighting index.htm and pressing F12 from Dreamweaver. I'm building the site using Dreamweaver CS5. Things I've done so far to try and work out where it is failing:
1. I have a number of other menu items working perfectly. I have checked the code against the other menus that are working perfectly. This includes comparing menu.htm, menu.js and checking the code at the top of page01.htm.
2. Copied the code into validator.w3.org and check it.
3. Cleared the cache, browsing history etc.
Appreciate any suggestions.

Thanks so much Murray. Late yesterday afternoon, I fixed it the "hard" way by copying one of the working folders and replacing all the text from the page that wasn't displaying correctly. It seems to have fixed the issue. Thanks again for your offer to look at the code.

Similar Messages

Can I transfer my web pages from Adobe CS2 golive to Dreamweaver CS5?

I work for a nonprofit organization and we are going to be upgrading from our current website design Adobe Golive CS2 to hopefully a Dreamweaver CS5 and I would like to know if it is at all possible to transfer all our websites pages from golive to dreamweaver cs5 without having to start all over from the beginning? Please help me!!! Thanks

I am currently doing the same thing after holding off for 4 years. This is what I have found out the hard way:
Strip out as much GL stuff as possible, especially GL "Actions" BEFORE you migrate as they will be flatten on your page making it a mess to dicipher later. Better to just add the equivalent DW "Behavior" manually, you will be glad you did as it will leave you with simpler streamlined pages that are easier to understand and also easier for Google to search. And you will also learn DW.
If you are using a template(s) I would seriously suggest that you scrap your GL templates and make new DW templates and apply them to each page over again.
This is the ugly reason that I found out last night. If you ever change your GL created template while in DW (for example to add the location of the SpryAssets) then along with the desired change you will also have the unpleasant experience of all your page titles being changed to the name of the GL created Template page. This will happen even if you make the title tag editable DW style. However any pages retitled AFTER you make <title> editable will NOT be altered if you change the GL created template. This I found out the hard way.
So since I was planning to make a DW template and apply it to all pages on the site anyway I have decided to do the following. Detach all the pages from the GL created template. Make whatever changes I want to individual pages. Then make the DW template and apply it to all pages. My hope is that it will preserve the page <title> and save me some work. I have not tried this so I don't know if it will work or not, but in theory it should.
If you use components then make a "Library" folder in the site root folder and move all your components there and change the extension to ".lbi"; the reason I did this is because while the GL2DW migration moved my templates to the root and renamed them accordingly, it didn't do the same for components.
If you use MenuMachine then I would also suggest that you strip it out. I tried keeping it but regreted it and so went back stripped it out and migrated again. All in all I have already migrated the same site about 7 times and will have to do it agian to take out some GL Actions that I missed before. So don't delete you GL site till you have your DW site going like you want because you may have to make several migration attempts before you get it right.
If you have more questions then you can ask here because several of us are going through this process.

Tutorial Dreamweaver Cs5.5 The Missing Manual (Pg 998 - 1018) about adding dynamic data to your page

Hallo,
I did Tutorial: Displaying Database Info in the Missing Manual for Dreamweaver CS5.5.
My problem is with "Editing a Recordset and Linking to a Detail Page" (which starts at pg 1002:
I did this exercise ,over 5 times nowe, but every time with "Building the Detailed Product Page" at pg 1007, I get a bad result.
I only get one page (the default one with productID = 1) for every link on the indexpage.
In the adressbar (Live View) I see the right adress: for example: http://localhost/cos...hp?productID=16, but for all productID's only the detailspage for productID are shown.
There is also a message: Notice: Use of undefined constant ‘productID’ - assumed '‘productID’' in E:\xampp\htdocs\cosmo_shop\product.php on line 34
But I don't understand what could be wrong in this line.
Here is the code lines 33 -48: is is about the second line:
$varProduct_rsDetails = "32";
if (isset($_GET[‘productID’])) {
$varProduct_rsDetails = $_GET[‘productID’];
mysql_select_db($database_connCosmo, $connCosmo);
$query_rsDetails = sprintf("SELECT products.productID, products.productName, products.price, products.`description`, products.inventory, products.image, vendors.vendorName FROM products, vendors WHERE products.vendorID = vendors.vendorID AND products.productID = %s ", GetSQLValueString($varProduct_rsDetails, "int"));
$rsDetails = mysql_query($query_rsDetails, $connCosmo) or die(mysql_error());
$row_rsDetails = mysql_fetch_assoc($rsDetails);
$totalRows_rsDetails = mysql_num_rows($rsDetails);
mysql_select_db($database_connCosmo, $connCosmo);
$query_rsCategories = "SELECT * FROM categories ORDER BY categoryName ASC";
$rsCategories = mysql_query($query_rsCategories, $connCosmo) or die(mysql_error());
$row_rsCategories = mysql_fetch_assoc($rsCategories);
$totalRows_rsCategories = mysql_num_rows($rsCategories);
?>
Can someone tell me what is going on here?
Kind regards, Ans Hekerman

I can manually type in double brackets, like this:
$varProduct_rsDetails = "1";
if (isset($_GET["productID"])) {
$varProduct_rsDetails = $_GET["productID"];
this is accepted; no syntax-error report.
I can manually type in single brackets, like this:
$varProduct_rsDetails = "1";
if (isset($_GET['productID'])) {
$varProduct_rsDetails = $_GET['productID'];
this is also accepted; no syntax-error report.
Dreamweaver itself made this code:
$varProduct_rsDetails = "32";
if (isset($_GET[‘productID’])) {
$varProduct_rsDetails = $_GET[‘productID’];
this was not OK; there was a syntax-error report.
But strange enough, when I do paste this now from here, it is accepted.
So the problem has been, that DW created code that gave a syntax error.
I could repair it by replacing the single qoutes of DW, by typing single quotes in DW manually, or by typing in in DW manually double qoutes!!!
So maybe everybode was right!!!
But is was a very bad problem; maybe a "bug" of the program?
I repeated this about 10 times before I got the solution frome this Forum.

Drop-down menu in Dreamweaver CS5.5 not displaying

Thanks for anyone's help. I'm a first time user of the forum so please excuse any protocol errors.
I can't get my drop-down menu to display on my web page (http://www.cglcontracting.com/) on a Windows platform using Dreamweaver CS5.5.
Thanks very much for any advice/help.

Hi again -
My previous suggestion did not seem to make any difference, the CSS still did not validate.
I seems to be choking on your Browser Hack section.
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cglcontracting.com%2FSpr yAssets%2FSpryMenuBarHorizontal.css&profile=css3&usermedium=all&warning=1&vextwarning=&lan g=en
I re-wrote the bottom Browser Hack section and it now validates.
I'll paste the whole CSS file here, Save it as "SpryMenuBarHorizontal.css" and give it a try.
@charset "UTF-8";
/* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 90%;
    cursor: default;
    width: auto;
    color: rgb(153,153,153);
    text-transform: uppercase;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: rgb(255,255,255);
    vertical-align: middle;
/* 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
    color: rgb(153,153,153);
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
    color: rgb(0,255,0);
    overflow: hidden;
    visibility: inherit;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    color: rgb(204,204,204);
    top: 0px;
    overflow: auto;
    visibility: inherit;
    margin-top: -5%;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    color: rgb(204,204,204);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-variant: small-caps;
    text-transform: uppercase;
    background-color: rgb(255,0,0);
    left: auto;
    width: auto;
    z-index: auto;
    visibility: inherit;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    text-align: left;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    background-color: rgb(204,204,204);
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: 100px;
    background-color: rgb(204,204,204);
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 0px none #CCC;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #F00;
    color: #003;
    text-decoration: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 1.2ex;
    font-weight: bold;
    vertical-align: middle;
    padding-bottom: 0.53em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #000;
    color: rgb(255,255,255);
    text-align: center;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #900;
    color: #066;
    text-align: center;
    vertical-align: middle;
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.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(255,0,0);
    color: rgb(0,0,51);
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(204,204,204);
    visibility: inherit;
/* 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(153,0,0);
    visibility: visible;
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-color: rgb(153,153,153);
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
    position: absolute;
    z-index: 1010;
/* 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;

Dreamweaver CS5.5 Slow down when minimising and loading pages.

Hi there
I'm having a really strange problem with Dreamweaver CS5.5
I'm currently in the process of building a CMS for a client and I am experience slow down in Dreamwever when opening and closing certain pages, it also causes slow down/hanging when opening and minimising Dreamweaver itself if these certain pages are open at the time. Which starts to get very annoying when you're swapping between Photoshop and Dreamweaver all the time...
I narrowed it down to a CSS file causing the slow down/hanging. This being the main stylesheet for the CMS... admin.css
When I comment out the CSS file Dreamweaver minimises and maximises quickly, and the page in question opens fast.
The stylesheet is about 900 lines long at the moment, but I've got php and javascript files (and also other CSS files) which are much longer and none of them cause slow down/hanging.
I've looked myself but from what I can see all of the CSS is valid.
Any ideas guys?
Thanks in advance

I can't explain this at all, but I've solved it.
I changed the style below:
@media only screen and (min-width: 35em) {
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* Clear Floated Elements + Fix */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:before,.clearfix:after{content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*END DONT CHANGE*/
To this:
@media only screen and (min-width: 35em) {
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
/* Clear Floated Elements + Fix */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:before,.clearfix:after{content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*END DONT CHANGE*/
Moved it outside of the media query. It was put there by mistake by the looks of it.

How do I customize my html page in Dreamweaver CS5 to an Avery template that I wish to print out?

How do I customize my html page in Dreamweaver CS5 to an Avery template that I wish to print out?

Dreamweaver and websites do not easily match up to Avery templates. If you are trying to develop a program for customers/etc to print labels, you should look for a script to generate a PDF file to ensure the accuracy of the printing.
If you are trying to use Dreamweaver as a substitute to print your own labels, I would highly recommend using Microsoft Word, or Adobe InDesign for a better solution.

Dreamweaver CS5.5 not displaying fonts correctly in live view

I've integrated some web fonts into my website, which display properly in every browser on my computer (and more importantly) on on other computers properly; strangely enough, Dreamweaver CS5.5's live view doesn't display them as they should be displayed. The font Raleway is displayed as Times New Roman, and League Gothic as Helvetica. Stranger still, Ubuntu, which I use for my <body> element in general, works fine in all weights and styles. Any advice on how to get the other fonts to work properly?

The code for Exo is simply a link in the <head> element to Google Web Fonts; <link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,400italic' rel='stylesheet' type='text/css'>
Same goes for Open Sans Condensed (sorry, I confused it with League Gothic in earlier comments): <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
The code for Raleway, Ubuntu and Museo is here:
@font-face {
        font-family: "Ubuntu";
        font-style: normal;
        font-weight: 300;
        src: local("☺");
        src: url(/webfontkit-20111222-160801/ubuntu-r-webfont.eot) format("woff");
        src: url(/webfontkit-20111222-160801/ubuntu-r-webfont.svg) format("svg");
@font-face {
        font-family: "Ubuntu";
        font-style: italic;
        font-weight: 300;
        src: local("☺");
        src: url(/webfontkit-20111222-160801/ubuntu-ri-webfont.eot) format("woff");
        src: url(/webfontkit-20111222-160801/ubuntu-ri-webfont.svg) format("svg");
@font-face {
        font-family: "Ubuntu";
        font-style: normal;
        font-weight: 500;
        src: local("☺");
        src: url(/webfontkit-20111222-160801/ubuntu-b-webfont.eot) format("woff");
        src: url(/webfontkit-20111222-160801/ubuntu-b-webfont.svg) format("svg");
@font-face {
        font-family: "Museo";
        font-style: normal;
        font-weight: 300;
        src: local("☺");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.ttf) format("ttf");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.eot) format("eot");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_1_0.woff) format("woff");
@font-face {
        font-family: "Museo";
        font-style: normal;
        font-weight: 500;
        src: local("☺");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.ttf) format("ttf");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.eot) format("eot");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_2_0.woff) format("woff");
@font-face {
        font-family: "Museo";
        font-style: normal;
        font-weight: 700;
        src: local("☺");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.ttf) format("ttf");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.eot) format("eot");
        src: url(/MyFontsWebfontsOrderM3529046/webfonts/201E4B_0_0.woff) format("woff");
@font-face {
          font-family: "Raleway";
          font-style: light;
          src: local("☺");
          src: url(/webfontkit-20120225-212056/raleway-thin-webfont.ttf) format("ttf");
          src: url(/webfontkit-20120225-212056/raleway-thin-webfont.eot) format("eot");
          src: url(/webfontkit-20120225-212056/raleway-thin-webfont.woff) format("woff");
As you can see, these do reference TTF fonts on my remote server, as well as in my local folder (which mirrors my remote server, obviously).

My website only shows the bottom half of my page once uploaded to my cPanel direct from Dreamweaver CS5.

My website only shows the bottom half of my page once uploaded to my cPanel direct from Dreamweaver CS5.
Please see here www. cmenco .com
It has a slider and pictures above like the image below:
This does not show and I have tried everything.
Help will be appreciated.

Your slider images in the images folder on your site seem to be corrupted.
Are you on Godaddy hosting by any chance?

Just new to Dreamweaver cs5 / Deleting a recent Item / Resetting home page

Hello
I am new to dreamweaver cs5. Just purchased the software and teaching myself the basics. I have created several recent projects and would I like to clean up, delete them and start all over again. Also have lost dreamweavers home page and don't know how to reset it. If anyone can please help. Is there an easy way to go about this? Thank you Jon.

Hi,
To delete recent files in your file list try the following :
On Windows, it's a setting in the Windows registry:
HKEY_CURRENT_USER\Software\Adobe\Dreamweaver\Recent File List
Select each file, right-click and select Delete.
DW must be closed befoire doing this.
If you are unfamiliar with the Registry (be careful !!!!!!), you can access it by executing the following:
Start > Run > REGEDIT > OK
To show (or hide) the Welcome Screen, go to your preference, General Category and chock (or uncheck) the first one.
Hope this help !
Martin

How to split a html page without frames and display random questions

1) In my online examination application i need to display timer at the top of the page. even if the user
scrolls down the timer should be visible. is there any way to do this without frames.
2) questions are displayed randomly for each user. iam using rand() function to retrieve the questions from mysql database. now the problem is if the user refresh the page another set of questions are displayed. how to avoid this.
thanks

Hi Thanuja,
Can you try it with the one below..... and checkout whether tht works or not
<%@ page contentType="text/html;charset=windows-1252"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<script language="javascript">
var i=0
function showDate()
i=i+1
document.getElementById("staticcontent").innerHTML= "<center><b>Time : " + i +" secs</b></center>"
setTimeout("showDate()",1000)
</script>
<body onload="showDate()">
<div id="staticcontent" style="position:absolute; border:1px solid black; background-color: lightyellow; width: 135px;">
</div>
<script type="text/javascript">
//define universal reference to "staticcontent"
var crossobj=document.all? document.all.staticcontent : document.getElementById("staticcontent")
//define reference to the body object in IE
var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body
function positionit(){
//define universal dsoc left point
var dsocleft=document.all? iebody.scrollLeft : pageXOffset
//define universal dsoc top point
var dsoctop=document.all? iebody.scrollTop : pageYOffset
//if the user is using IE 4+ or Firefox/ NS6+
if (document.all||document.getElementById){
crossobj.style.left=parseInt(dsocleft)+5+"px"
crossobj.style.top=dsoctop+5+"px"
setInterval("positionit()",100)
</script>
<%
/* JSP LOGIC*/
%>

</body>
</html>REGARDS,
RaHuL

Can I used Dreamweaver CS5.5 to learn to build and style a web page? I see the CC version but I want to use the earlier version. THx

Can I used Dreamweaver CS5.5 to learn to build and style a web page? I see the CC version but I want to use the earlier version. THx

you can use the 30 trial and/or purchase from a 3rd party.
for the trial:
Downloadable installation files available:
Suites and Programs: CC 2014 | CC | CS6 | CS5.5 | CS5 | CS4, CS4 Web Standard | CS3
Acrobat: XI, X | 9,8 | 9 standard
Premiere Elements: 13 | 12 | 11, 10 | 9, 8, 7 win | 8 mac | 7 mac
Photoshop Elements: 13 |12 | 11, 10 | 9,8,7 win | 8 mac | 7 mac
Lightroom: 6| 5.7.1| 5 | 4 | 3
Captivate: 8 | 7 | 6 | 5.5, 5 | 1
Contribute: CS5 | CS4, CS3 | 3,2
FrameMaker: 12, 11, 10, 9, 8, 7.2
Download and installation help for Adobe links
Download and installation help for Prodesigntools links are listed on most linked pages. They are critical; especially steps 1, 2 and 3. If you click a link that does not have those steps listed, open a second window using the Lightroom 3 link to see those 'Important Instructions'.

Dreamweaver CS5 uploading just empty pages?

I am using Dreamweaver CS5 and suddenly it is uploading just empty pages from my Mac to the server. 0 b.
Any suggestions will be greatly appreciated.

I can think of a couple things that would do that.
Download Filezilla, it's free and a very nice FTP program to boot. If the issue happens there as well, it's most likely a server problem. You would want to call your hosting provider and rattle some cages.
If it doesn't happen there, DW needs some cleaning/troubleshooting.
Post back once you've tried FZ.

Dreamweaver cs5 problems and adobe support close the case on you

I emailed Adobe support with the message below and they closed the case on me and told me to go over to the developers connection website and open a case there. Well of course there is no where to open a case there, it brings you back to the normal support pages, so I opened a case again!
This is just one of the flaws in Cs5 I've found from intensive useage yesterday.
1. Hangs for nearly 2 minutes if you use an external link to ny file like jquery in the header of the pages - detailed below
2. Sometimes when selecting a related file it says "not on server" and actually tries to open ANOTHER ftp connection listed. It switches connection and then says"not on server" - well of course not....because it just changed to another server! However many time you change it back, it won't have it.
3. The pop up css is a good idea but not well thought out. I have to right click to get inspect but when I roll over the areas it doesn't show the css in the css panel. If I right click and select to show the code, it shows me the css, I then have to click it to select it in the left column. All very long winded... WHY NOT JUST CLICK AN AEA ON THE LIVE VIEW PAGE AND IT SHOWS THE CSS THERE INSTANTLY TO EDIT?!
4. On first open after a quit and relaunch, or restart, switching from normal view to live view hangs Dreamweaver for over a minute before live view is displayed.
Very very buggy and I feel I have paid for a beta version.
Hello I now have Dreamweaver CS5.
It has MAJOR flaw.
If a webpage contains the code
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.4.2.min.js"></script>#
It takes over 1 minute to open each page after launching
This is caused by the 'related files' facility
THIS IS TOTALLY UNACCEPTABLE in software which is this expensive.
All design companies such as us use jquery.
Please fix this flaw asap or supply me with a fix. Turning of related files
helps but if I was to do that what would be the point in
having that facility? (which I am paying for!)

Hi,
Appreciate your reply and accept what you say, I'll take on board the suggestions.
My answers under yours below
Second, the Bug Report form is here: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform . Technical support is not a bug reporting center, nor are they developers which is why they probably closed your case. And there really are not any questions in your support request it reads like a bug report and an angry one at that, not even starting out calm, shouting almost immediately.
- Frustration, I've been up all night, hours messing with it.
Thanks for the link, I'll post to that. I personally don't agree that bugs this big should be present in software of such high upgrade fee's and which should have been tested but I guess we all know its the way of the world now.
1. Why are you working with remote website files that are not part of your domain and not in your local site? This is a bad practice to get in the habit of. If their website shuts down, so does the functionality of yours. Many here will argue that point.
- This is a valid point I've come across before and reading up on it I found it was said that the site in question was on cloud servers, mirrored etc. The link I posted was from someone elses post who was having a similar problem. I personally use the flowplay/jquery main link which has ALL the jquery plugins/effects so whatever is used on that page works.
http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js
We did this as it seemed that was what everyone was doing, it seems I am wrong and I take on board your comments about downloading the file.
2. "Sometimes". That is the key word in your statement. Sometimes it happens, sometimes it doesn't. What happens when it says "Sometimes not on server" and what happens in the other times. What's different? It's usually hard to believe it's random luck. But developers in a bug report need to know these things. What's different about the file(s)? Is it with certain file(s), type(s), etc? How would it open another FTP connection, do you have multiple FTP locations defined within one site definition?
I probably used the wrong word in 'sometimes' - A better description would be "some of the related files". When live view is on the right and code on the left, related files across the top. If I hover my mouse over the files, it tells me where they are. This info is incorrect on 'some' of the files, not all of them but about 8 out of 10.
It shows the file as being in the folder of another account in the site defs, but its not in there, it's in the one I'm working on (and which is live in the ftp file window). So if I click on the file to view it, it says its not available, and asks if I want to download it from the server. That doesn't work because it then tries to switch the ftp connection to the other site and download.
I thought it was muddled so I removed all the ftp sites and set up just one, the one I was working on. But that didn't work... it then thinks the related files are in "unnamed site 1" - anywhere but looking in its own folder or on its own ftp server!
4. You seem to be referring to Question #1 here so that is answered.
"Please fix this flaw asap or supply me with a fix." - So you are saying Please fix this flaw with a patch or give me the patch. Again, this sounds like you want to file a bug report and not create a support request.
- Accepted, you are right, its a bug report, just they directed me to the developer website and I kept ending up here, so began to believe this is where I should be posting.
"All design companies such as us use jquery". - While I wouldn't be so quick to say all, but rather most, I would say see my answer to #1. Why make your site dependent on someone else's?
- Accepted, I appreciate your honest comments and critism and fot taking the time to reply :-)

Question: My spry menu bar is not displaying correctly in Dreamweaver

Hello,
I am new to Dreamweaver CS5, so coding isn't my area of expertise. My problem with my spry menu bar is that it does not display the tabs on the menu bar correctly. When I try to apply new changes to the CSS of the horizontal menu bar, half of the tabs will change and the other half will not. Also, I am unable to drag and move the menu bar itself around, a function that I was once able to do before. At times, only one tab of the menu bar will display itself, without any of the other tabs as well.
I have a hunch that my problems stem from some coding errors in the SpryMenuBarHorizontal.css, and possibly in the SpryMenuBar.js. On the CSS Styles panel, my SpryMenuBarHorizontal.CSS list reads as follows:
I also have a hunch that something about this line-up is also incorrect, but I don't exactly know what the problem is.
Here is what my coding for my SpryMenuBarHorizontal.css looks like right now:
@charset "UTF-8";
/* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    text-align: center;
/* 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 a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
    left: 10;
    top: 10;
    height: 10;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
    text-align: left;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0.75em;
    color: #FFF;
    text-decoration: none;
    font-family: Futura;
    float: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #C00;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #C00;
    color: #FFF;
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.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    text-align: center;
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
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.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* 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.MenuBarHorizontal li.MenuBarItemIE
    display: block;
    f\loat: left;
    background: #FFF;
And here is what my SpryMenuBar.js coding looks like right now too:
SpryMenuBar.js
This file handles the JavaScript for Spry Menu Bar. You should have no need
to edit this file. Some highlights of the MenuBar object is that timers are
used to keep submenus from showing up until the user has hovered over the parent
menu item for some time, as well as a timer for when they leave a submenu to keep
showing that submenu until the timer fires.
(function() { // BeginSpryComponent
if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.BrowserSniff = function()
    var b = navigator.appName.toString();
    var up = navigator.platform.toString();
    var ua = navigator.userAgent.toString();
    this.mozilla = this.ie = this.opera = this.safari = false;
    var re_opera = /Opera.([0-9\.]*)/i;
    var re_msie = /MSIE.([0-9\.]*)/i;
    var re_gecko = /gecko/i;
    var re_safari = /(applewebkit|safari)\/([\d\.]*)/i;
    var r = false;
    if ( (r = ua.match(re_opera))) {
        this.opera = true;
        this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_msie))) {
        this.ie = true;
        this.version = parseFloat(r[1]);
    } else if ( (r = ua.match(re_safari))) {
        this.safari = true;
        this.version = parseFloat(r[2]);
    } else if (ua.match(re_gecko)) {
        var re_gecko_version = /rv:\s*([0-9\.]+)/i;
        r = ua.match(re_gecko_version);
        this.mozilla = true;
        this.version = parseFloat(r[1]);
    this.windows = this.mac = this.linux = false;
    this.Platform = ua.match(/windows/i) ? "windows" :
                    (ua.match(/linux/i) ? "linux" :
                    (ua.match(/mac/i) ? "mac" :
                    ua.match(/unix/i)? "unix" : "unknown"));
    this[this.Platform] = true;
    this.v = this.version;
    if (this.safari && this.mac && this.mozilla) {
        this.mozilla = false;
Spry.is = new Spry.BrowserSniff();
// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts)
    this.init(element, opts);
Spry.Widget.MenuBar.prototype.init = function(element, opts)
    this.element = this.getElement(element);
    // represents the current (sub)menu we are operating on
    this.currMenu = null;
    this.showDelay = 250;
    this.hideDelay = 600;
    if(typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (Spry.is.ie && typeof document.uniqueID == 'undefined'))
        // bail on older unsupported browsers
        return;
    // Fix IE6 CSS images flicker
    if (Spry.is.ie && Spry.is.version < 7){
        try {
            document.execCommand("BackgroundImageCache", false, true);
        } catch(err) {}
    this.upKeyCode = Spry.Widget.MenuBar.KEY_UP;
    this.downKeyCode = Spry.Widget.MenuBar.KEY_DOWN;
    this.leftKeyCode = Spry.Widget.MenuBar.KEY_LEFT;
    this.rightKeyCode = Spry.Widget.MenuBar.KEY_RIGHT;
    this.escKeyCode = Spry.Widget.MenuBar.KEY_ESC;
    this.hoverClass = 'MenuBarItemHover';
    this.subHoverClass = 'MenuBarItemSubmenuHover';
    this.subVisibleClass ='MenuBarSubmenuVisible';
    this.hasSubClass = 'MenuBarItemSubmenu';
    this.activeClass = 'MenuBarActive';
    this.isieClass = 'MenuBarItemIE';
    this.verticalClass = 'MenuBarVertical';
    this.horizontalClass = 'MenuBarHorizontal';
    this.enableKeyboardNavigation = true;
    this.hasFocus = false;
    // load hover images now
    if(opts)
        for(var k in opts)
            if (typeof this[k] == 'undefined')
                var rollover = new Image;
                rollover.src = opts[k];
        Spry.Widget.MenuBar.setOptions(this, opts);
    // safari doesn't support tabindex
    if (Spry.is.safari)
        this.enableKeyboardNavigation = false;
    if(this.element)
        this.currMenu = this.element;
        var items = this.element.getElementsByTagName('li');
        for(var i=0; i<items.length; i++)
            if (i > 0 && this.enableKeyboardNavigation)
                items[i].getElementsByTagName('a')[0].tabIndex='-1';
            this.initialize(items[i], element);
            if(Spry.is.ie)
                this.addClassName(items[i], this.isieClass);
                items[i].style.position = "static";
        if (this.enableKeyboardNavigation)
            var self = this;
            this.addEventListener(document, 'keydown', function(e){self.keyDown(e); }, false);
        if(Spry.is.ie)
            if(this.hasClassName(this.element, this.verticalClass))
                this.element.style.position = "relative";
            var linkitems = this.element.getElementsByTagName('a');
            for(var i=0; i<linkitems.length; i++)
                linkitems[i].style.position = "relative";
Spry.Widget.MenuBar.KEY_ESC = 27;
Spry.Widget.MenuBar.KEY_UP = 38;
Spry.Widget.MenuBar.KEY_DOWN = 40;
Spry.Widget.MenuBar.KEY_LEFT = 37;
Spry.Widget.MenuBar.KEY_RIGHT = 39;
Spry.Widget.MenuBar.prototype.getElement = function(ele)
    if (ele && typeof ele == "string")
        return document.getElementById(ele);
    return ele;
Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className)
    if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1)
        return false;
    return true;
Spry.Widget.MenuBar.prototype.addClassName = function(ele, className)
    if (!ele || !className || this.hasClassName(ele, className))
        return;
    ele.className += (ele.className ? " " : "") + className;
Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className)
    if (!ele || !className || !this.hasClassName(ele, className))
        return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture)
    try
        if (element.addEventListener)
            element.addEventListener(eventType, handler, capture);
        else if (element.attachEvent)
            element.attachEvent('on' + eventType, handler);
    catch (e) {}
// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu)
    var layer = document.createElement('iframe');
    layer.tabIndex = '-1';
    layer.src = 'javascript:""';
    layer.frameBorder = '0';
    layer.scrolling = 'no';
    menu.parentNode.appendChild(layer);
    layer.style.left = menu.offsetLeft + 'px';
    layer.style.top = menu.offsetTop + 'px';
    layer.style.width = menu.offsetWidth + 'px';
    layer.style.height = menu.offsetHeight + 'px';
// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu)
    var layers = ((menu == this.element) ? menu : menu.parentNode).getElementsByTagName('iframe');
    while(layers.length > 0)
        layers[0].parentNode.removeChild(layers[0]);
// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root)
    var menus = root.getElementsByTagName('ul');
    for(var i=0; i<menus.length; i++)
        this.hideSubmenu(menus[i]);
    this.removeClassName(this.element, this.activeClass);
// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function()
    return Spry.is.safari && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget));
// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu)
    if(this.currMenu)
        this.clearMenus(this.currMenu);
        this.currMenu = null;
    if(menu)
        this.addClassName(menu, this.subVisibleClass);
        if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
            if(!this.hasClassName(this.element, this.horizontalClass) || menu.parentNode.parentNode != this.element)
                menu.style.top = menu.parentNode.offsetTop + 'px';
        if(Spry.is.ie && Spry.is.version < 7)
            this.createIframeLayer(menu);
    this.addClassName(this.element, this.activeClass);
// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu)
    if(menu)
        this.removeClassName(menu, this.subVisibleClass);
        if(typeof document.all != 'undefined' && !Spry.is.opera && navigator.vendor != 'KDE')
            menu.style.top = '';
            menu.style.left = '';
        if(Spry.is.ie && Spry.is.version < 7)
            this.removeIframeLayer(menu);
// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element)
    var opentime, closetime;
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    if(menu)
        this.addClassName(link, this.hasSubClass);
    if(!Spry.is.ie)
        // define a simple function that comes standard in IE to determine
        // if a node is within another node
        listitem.contains = function(testNode)
            // this refers to the list item
            if(testNode == null)
                return false;
            if(testNode == this)
                return true;
            else
                return this.contains(testNode.parentNode);
    // need to save this for scope further down
    var self = this;
    this.addEventListener(listitem, 'mouseover', function(e){self.mouseOver(listitem, e);}, false);
    this.addEventListener(listitem, 'mouseout', function(e){if (self.enableKeyboardNavigation) self.clearSelection(); self.mouseOut(listitem, e);}, false);
    if (this.enableKeyboardNavigation)
        this.addEventListener(link, 'blur', function(e){self.onBlur(listitem);}, false);
        this.addEventListener(link, 'focus', function(e){self.keyFocus(listitem, e);}, false);
Spry.Widget.MenuBar.prototype.keyFocus = function (listitem, e)
    this.lastOpen = listitem.getElementsByTagName('a')[0];
    this.addClassName(this.lastOpen, listitem.getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
    this.hasFocus = true;
Spry.Widget.MenuBar.prototype.onBlur = function (listitem)
    this.clearSelection(listitem);
Spry.Widget.MenuBar.prototype.clearSelection = function(el){
    //search any intersection with the current open element
    if (!this.lastOpen)
        return;
    if (el)
        el = el.getElementsByTagName('a')[0];
        // check children
        var item = this.lastOpen;
        while (item != this.element)
            var tmp = el;
            while (tmp != this.element)
                if (tmp == item)
                    return;
                try{
                    tmp = tmp.parentNode;
                }catch(err){break;}
            item = item.parentNode;
    var item = this.lastOpen;
    while (item != this.element)
        this.hideSubmenu(item.parentNode);
        var link = item.getElementsByTagName('a')[0];
        this.removeClassName(link, this.hoverClass);
        this.removeClassName(link, this.subHoverClass);
        item = item.parentNode;
    this.lastOpen = false;
Spry.Widget.MenuBar.prototype.keyDown = function (e)
    if (!this.hasFocus)
        return;
    if (!this.lastOpen)
        this.hasFocus = false;
        return;
    var e = e|| event;
    var listitem = this.lastOpen.parentNode;
    var link = this.lastOpen;
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    var opts = [listitem, menu, null, this.getSibling(listitem, 'previousSibling'), this.getSibling(listitem, 'nextSibling')];
    if (!opts[3])
        opts[2] = (listitem.parentNode.parentNode.nodeName.toLowerCase() == 'li')?listitem.parentNode.parentNode:null;
    var found = 0;
    switch (e.keyCode){
        case this.upKeyCode:
            found = this.getElementForKey(opts, 'y', 1);
            break;
        case this.downKeyCode:
            found = this.getElementForKey(opts, 'y', -1);
            break;
        case this.leftKeyCode:
            found = this.getElementForKey(opts, 'x', 1);
            break;
        case this.rightKeyCode:
            found = this.getElementForKey(opts, 'x', -1);
            break;
        case this.escKeyCode:
        case 9:
            this.clearSelection();
            this.hasFocus = false;
        default: return;
    switch (found)
        case 0: return;
        case 1:
            //subopts
            this.mouseOver(listitem, e);
            break;
        case 2:
            //parent
            this.mouseOut(opts[2], e);
            break;
        case 3:
        case 4:
            // left - right
            this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
            break;
    var link = opts[found].getElementsByTagName('a')[0];
    if (opts[found].nodeName.toLowerCase() == 'ul')
        opts[found] = opts[found].getElementsByTagName('li')[0];
    this.addClassName(link, opts[found].getElementsByTagName('ul').length > 0 ? this.subHoverClass : this.hoverClass);
    this.lastOpen = link;
    opts[found].getElementsByTagName('a')[0].focus();
        //stop further event handling by the browser
    return Spry.Widget.MenuBar.stopPropagation(e);
Spry.Widget.MenuBar.prototype.mouseOver = function (listitem, e)
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    if (this.enableKeyboardNavigation)
        this.clearSelection(listitem);
    if(this.bubbledTextEvent())
        // ignore bubbled text events
        return;
    if (listitem.closetime)
        clearTimeout(listitem.closetime);
    if(this.currMenu == listitem)
        this.currMenu = null;
    // move the focus too
    if (this.hasFocus)
        link.focus();
    // show menu highlighting
    this.addClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
    this.lastOpen = link;
    if(menu && !this.hasClassName(menu, this.subHoverClass))
        var self = this;
        listitem.opentime = window.setTimeout(function(){self.showSubmenu(menu);}, this.showDelay);
Spry.Widget.MenuBar.prototype.mouseOut = function (listitem, e)
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);
    var hasSubMenu = (menu) ? true : false;
    if(this.bubbledTextEvent())
        // ignore bubbled text events
        return;
    var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
    if(!listitem.contains(related))
        if (listitem.opentime)
            clearTimeout(listitem.opentime);
        this.currMenu = listitem;
        // remove menu highlighting
        this.removeClassName(link, hasSubMenu ? this.subHoverClass : this.hoverClass);
        if(menu)
            var self = this;
            listitem.closetime = window.setTimeout(function(){self.hideSubmenu(menu);}, this.hideDelay);
        if (this.hasFocus)
            link.blur();
Spry.Widget.MenuBar.prototype.getSibling = function(element, sibling)
    var child = element[sibling];
    while (child && child.nodeName.toLowerCase() !='li')
        child = child[sibling];
    return child;
Spry.Widget.MenuBar.prototype.getElementForKey = function(els, prop, dir)
    var found = 0;
    var rect = Spry.Widget.MenuBar.getPosition;
    var ref = rect(els[found]);
    var hideSubmenu = false;
    //make the subelement visible to compute the position
    if (els[1] && !this.hasClassName(els[1], this.MenuBarSubmenuVisible))
        els[1].style.visibility = 'hidden';
        this.showSubmenu(els[1]);
        hideSubmenu = true;
    var isVert = this.hasClassName(this.element, this.verticalClass);
    var hasParent = els[0].parentNode.parentNode.nodeName.toLowerCase() == 'li' ? true : false;
    for (var i = 1; i < els.length; i++){
        //when navigating on the y axis in vertical menus, ignore children and parents
        if(prop=='y' && isVert && (i==1 || i==2))
            continue;
        //when navigationg on the x axis in the FIRST LEVEL of horizontal menus, ignore children and parents
        if(prop=='x' && !isVert && !hasParent && (i==1 || i==2))
            continue;
        if (els[i])
            var tmp = rect(els[i]);
            if ( (dir * tmp[prop]) < (dir * ref[prop]))
                ref = tmp;
                found = i;
    // hide back the submenu
    if (els[1] && hideSubmenu){
        this.hideSubmenu(els[1]);
        els[1].style.visibility = '';
    return found;
Spry.Widget.MenuBar.camelize = function(str)
    if (str.indexOf('-') == -1){
        return str;
    var oStringList = str.split('-');
    var isFirstEntry = true;
    var camelizedString = '';
    for(var i=0; i < oStringList.length; i++)
        if(oStringList[i].length>0)
            if(isFirstEntry)
                camelizedString = oStringList[i];
                isFirstEntry = false;
            else
                var s = oStringList[i];
                camelizedString += s.charAt(0).toUpperCase() + s.substring(1);
    return camelizedString;
Spry.Widget.MenuBar.getStyleProp = function(element, prop)
    var value;
    try
        if (element.style)
            value = element.style[Spry.Widget.MenuBar.camelize(prop)];
        if (!value)
            if (document.defaultView && document.defaultView.getComputedStyle)
                var css = document.defaultView.getComputedStyle(element, null);
                value = css ? css.getPropertyValue(prop) : null;
            else if (element.currentStyle)
                    value = element.currentStyle[Spry.Widget.MenuBar.camelize(prop)];
    catch (e) {}
    return value == 'auto' ? null : value;
Spry.Widget.MenuBar.getIntProp = function(element, prop)
    var a = parseInt(Spry.Widget.MenuBar.getStyleProp(element, prop),10);
    if (isNaN(a))
        return 0;
    return a;
Spry.Widget.MenuBar.getPosition = function(el, doc)
    doc = doc || document;
    if (typeof(el) == 'string') {
        el = doc.getElementById(el);
    if (!el) {
        return false;
    if (el.parentNode === null || Spry.Widget.MenuBar.getStyleProp(el, 'display') == 'none') {
        //element must be visible to have a box
        return false;
    var ret = {x:0, y:0};
    var parent = null;
    var box;
    if (el.getBoundingClientRect) { // IE
        box = el.getBoundingClientRect();
        var scrollTop = doc.documentElement.scrollTop || doc.body.scrollTop;
        var scrollLeft = doc.documentElement.scrollLeft || doc.body.scrollLeft;
        ret.x = box.left + scrollLeft;
        ret.y = box.top + scrollTop;
    } else if (doc.getBoxObjectFor) { // gecko
        box = doc.getBoxObjectFor(el);
        ret.x = box.x;
        ret.y = box.y;
    } else { // safari/opera
        ret.x = el.offsetLeft;
        ret.y = el.offsetTop;
        parent = el.offsetParent;
        if (parent != el) {
            while (parent) {
                ret.x += parent.offsetLeft;
                ret.y += parent.offsetTop;
                parent = parent.offsetParent;
        // opera & (safari absolute) incorrectly account for body offsetTop
        if (Spry.is.opera || Spry.is.safari && Spry.Widget.MenuBar.getStyleProp(el, 'position') == 'absolute')
            ret.y -= doc.body.offsetTop;
    if (el.parentNode)
            parent = el.parentNode;
    else
        parent = null;
    if (parent.nodeName){
        var cas = parent.nodeName.toUpperCase();
        while (parent && cas != 'BODY' && cas != 'HTML') {
            cas = parent.nodeName.toUpperCase();
            ret.x -= parent.scrollLeft;
            ret.y -= parent.scrollTop;
            if (parent.parentNode)
                parent = parent.parentNode;
            else
                parent = null;
    return ret;
Spry.Widget.MenuBar.stopPropagation = function(ev)
    if (ev.stopPropagation)
        ev.stopPropagation();
    else
        ev.cancelBubble = true;
    if (ev.preventDefault)
        ev.preventDefault();
    else
        ev.returnValue = false;
Spry.Widget.MenuBar.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
    if (!optionsObj)
        return;
    for (var optionName in optionsObj)
        if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
            continue;
        obj[optionName] = optionsObj[optionName];
})(); // EndSpryComponent
If anyone could possibly steer me on the right direction with this, I'd be very grateful! I've been struggling with this for about a month now and I feel like I may have only made the situation worse.
I'm not sure if I have to keep making a new spry assets folder in my website or not or if I have to drag and drop the spry assets into the root folder. I have restarted my website over at least a dozen times by now. I have tried changing folders, dragging and dropping various spry assets folders everywhere and I have also uninstalled and reinstalled my copy of Dreamweaver CS5 in the hopes of getting my spry horizontal menu bar to act normal. I am completely new at Dreamweaver and I really, really need some help with this.
Thanks!

I haven't been able to get my site posted up yet. Here is a link to it anyway:andrearosales.com
I will be working on connecting my files up to my server. At the moment, here are some screen shots of some messages that I am getting when I am saving my file.
I'm not sure what to make of these messages. I tried to put a new spry horizontal menu bar on my main page, and when it appeared, it displayed as a spry vertical menu bar.
Here is a picture of what it looks like:
I"m going to refer to the links that were suggested to me though. I'm not sure if pictures of the code will help to solve my problem. I'm going to try again to connect my files to my server though.

Downloading and editing an existing WordPress site in Dreamweaver CS5.

Hello! New to the forums, here.
I'll try to be brief. I've got a WordPress site in-place at metalmeter.com that is hosted through HostGator. Basically, what I'm looking to do is get the site from the remote server and edit it in Dreamweaver CS5, previewing all changes on a local testing server before putting the updated contents back on the remote server.
Now, let me be clear: I've tried plenty of the tutorials. I've watched hours of videos. I still can't get it configured properly. I've got the FTP connection to the remote server running smoothly. I've got XAMPP installed. I'm having difficulties (and I apologize for being vague), and I just don't know where the problem is located. In my htdocs folder for XAMPP, I've got two subfolders 'metalmeter' for the remote server's downloaded contents, and 'wordpress' for the wordpress installation that every page seems to be pointing me toward. What confuses me is that when I try and open the uppermost index.php file on the remote server, the dynamically discovered content is not being displayed in the live view with my local testing server. I want to be viewing my existing WordPress site in its entirety exactly as I see it online while I'm editing it, and then pushing back updated files to the /public_html/ root directory of the remote server so that I can edit the site from my local client. I'm extremely new to Dreamweaver, so any help you could offer would be greatly appreciated.
If you know how to do exactly what I'm trying to do and have been successfully viewing and editing your existing WordPress site in Dreamweaver for upload, please take some time to explain the set-up. I'd be forever in your debt!

Nancy O. wrote:
I've been following this discussion for a while now and I don't understand why you hope to edit articles from DW. That's what the WP Admin panel is specifically designed for. Besides, you won't find your articles in any of the site files because they don't exist there.
I agree I don't see any reason to want to edit a Wordpress site in Dreamweaver. If you are using Wordpress then you may as well put Dreamweaver in the bin. Although people do actually want to edit and manipulate the design in Dreamweaver (including myself) and from what I've read its possible but I've never found a source which explains fully how to achieve this and those that I have it seems too much effort to even bother about.
I guess the Dreamweaver environment feels more like home and is more user friendly.
To put it another way, a typical WordPress installation contains around 800 files in some 80 folders. Those files don't contain any content, just a whole lot of PHP code. In fact, the only page most people ever see on your site is the index.php page which is dynamically created over & over by the server with content from the MySql and various include files.
For sure and that's why people who use Dreamweaver and feel the need to manipulate a Wordpress site in Dreamweaver because Wordpress is 'in vogue' get lost. Wordpress just containes a lot of pages with nothing to see apart from some php, many of who will not understand one jot.
Unless you're a coding guru, you should definitely NOT touch any of the core WP files as this could cripple your site. If you want to customize your Theme, look at the CSS and include files in your Themes folder. See Anatomy of a WordPress Theme:http://yoast.com/wordpress-theme-anatomy/
lol your not wrong there!
For a quick tip on Theming, open your remote site in Firefox equipped with the 'Web Developer Toolbar'. Edit CSS on screen. Save changes to your local site and upload it to the remote server. No testing server required.
Wordpress is Wordpress and Dreamweaver is Dreameaver. As far as I can make out the two don't mix.
Ideally you would just choose a Wordpress theme which most relates to the nice site you have designed in Fireworks of which you won't find any however goodthe themes are. Then manipulate the themes css that's if you can understand it. Even for a seasoned css expert its heavy going because everyone produces css differently to achieve the same results.
Leave Wordpress well anlone unles you're going to use it out of the box so to speak or as a web-developer don't mind a bit of reverse engineering.

Page Displaying Randomly in Dreamweaver CS5

Similar Messages

Maybe you are looking for