I created a web page using Dreamweaver CS5 and inserted a horizontal Spry Menu Bar on the page. I proceeded to modify the CSS to get the bar to appear as I wanted it. The bar looks great in Dreamweaver, including in Dreamweaver's 'Live View.'
When I uploaded the file to my web server and view in using various browsers, Firefox, Safari, or IE, the menu bar appears as a simple unordered list with no CSS style.
I have compared the HTML code generated by Dreamweaver when it creates the Spry Menu bar to sample coding on the ADOBE website and it appears correct. (Since Dreamweaver creates all the code automatically, I assume it would be.) I had made edits to the SpryMenuBarHorizontal.css style sheet when refining my Menu Bar, but nothing that should cause the problems I'm experiencing.
In summary, after creating a web page with a Spry Menu Bar that appeared on browsers as an vertical unordered list with no CSS, I deleted the style sheet, and created a new bare-bones html file that contained nothing but Dreamweaver generated code to create a Spry Horizontal Menu Bar that referenced a new unedited Dreamweaver style sheet related to Spry Horizontal Menu Bars. The same problem, but since for the second try I did no editing to the html or the style sheet, I appear to rule myself out as the problem.
Attached are three files, all in Word.doc format:
1. html code for spry menu bar.doc - This is the html file created by Dreamweaver of the bare bones file I created to troubleshoot the problem. The only code in the body section relates to the code generated by Dreamweaver to set up the Spry Menu Bar.
doc - This the style sheet SpryMenuBarHorizontal.css file created by Dreamweaver. It does reflect changes I made styling my bar. But as stated above, when I removed this file and had Dreamweaver recreate one, applying the unedited style sheet did not correct the problem. Therefore I restored my edited style sheet since the style sheet does not appear to be the problem.
3. SpryMenuBar_js.doc - This is a file referenced in the html related to the Spry Menu Bar. I made no edits to this file.
The previous two files are located in the SpryAssets folder. The other files in the SpryAssets folder are .gif files which are not necessary to post as part of this question.
html-code-for-spry-menu-bar.doc SpryMenuBar-js.doc SpryMenuBarHorizontal-css.doc