? Horizontal Menu Bar not loading in IE

Our horizontal menu bar does not load into IE. It works fine in Safari, Firefox and Chrome. It used to work on all four
browsers so I've gone back and uploaded an older version of our site to see if I could get it to work in IE. Even this older
site does not load anymore, also reloaded all our older Spry Assets and CSS.
The Website is www.sundogexpeditions.com
Thanks for any help and I'll provide any additional info to help diagnose my problem

We found the problem in the ul.MenuBarHorizontal li MenuBarItemIE . The display listed "none" We deleted it
and everything appears to display just fine in IE. Not sure if this was the best fix but it works for now.
Thanks

Similar Messages

Spry Horizontal Menu Bar not working in IE

Hi! I am new to this forum and new to Dreamweaver. I recently used Dreamweaver to build a website to display my digital portfolio. I am not very good at this and don't understand much of this works. I inserted a spry horizontal menu bar for my navigation. I did change the original set up to have the background the colors I wanted and I also changed the size so it would go across the top of my page. This looks fine in Firefox and Safari but in Internet Explorer the bar displays vertically, which does not look good. Can anyone look at my code and tell me how I can fix this problem?
I appreciate any help I can get with this as I have tried everything I know.
This is the link to my site: www.digitaldesignsbymargee.com

Hi! I am new to this forum. I inserted a spry horizontal menu bar for my navigation but i cannot able veiw a horizontal menubar in IE though it works fine in google chrome and Mozila. Can anyone look at my code and tell me how I can fix this problem?
w@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: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* 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: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 14em;
    float: left;
    border-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: none;
    border-right-width: 1px;
/* 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: 14em;
    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: 14em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: 0 0 0 99%;
/* 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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.9em 0.75em;
    color: white;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none;
    color: white;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    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
    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: 10px 85%;
/* 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
    b/ackground-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 10px 85%;
/* 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
    b/ackground-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: inline;
        float: left;
     /* I have updated and checked the code as mentioned in the forum topic but still it is not working */
ul.MenuBarHorizontal a:visited { color: white;}
ul ul a { background-color: #436d9c; }
ul a.MenuBarItemHover { background-color: #19385a; }
ul .MenuBarItemSubmenu ul li a { border: none; }
ul a.MenuBarItemSubmenu.MenuBarItemSubmenuHover { background-color: #19385a; }
ul.MenuBarSubmenuVisible li { border: none; }
I appreciate any help I can get with this as I have tried everything I know.

Horizontal Menu Bar not displaying when published as it views in live view or preview

I am working on putting together our site and haven't used Dreamweaver in years so very rusty. I have a horizontal menu bar that is working properly in "live view" and in "preview" mode but when I publish the submenus are not working.
You can view the site at www.pulsecc.org
Any help will be greatly appreciated.

Thank you so much! That's a little frustrating how long I pulled my hair out trying to figure something this simple out!
Thanks again!

Horizontal Menu Bar - Not displaying correctly in Internet Explorer

My issues are occuring in Internet Explorer 8 and 7, haven't tested earlier versions.
I am currently using DW CS5, Spry 1.6.1
The website (not yet complete) is at www3.sympatico.ca/mitchell.richard/
The menu bar as viewed in Firefox is correct. In Internet Explorer the menu bar is left justified, hides visited links, and lists horizontal menu items in reverse order.
I work for a Women's Shelter in Canada, as the Information Systems Manager. We don't have the funds to hire someone to build a website and it was decided and I quote "You know computers, you can buld the website". I couldn't get them to understand the analogy that just because a Neurosurgeon can use a scalpel he isn't a Cardiothoracic Surgeon... needless to say, I am floudering on this menu bar. Any help would be greatly appreciated.
Below is the source for my menubar
CSS
@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: 12pt;
    cursor: default;
    width: inherit;
    font: calibri;
    font-family: Calibri;
    font-weight: bold;
    background-color: #4F91CD;
    /* [disabled]height: 27px; */
    /* [disabled]border-bottom: 1px solid #A7C9E5; */
    /* [disabled]border-top: 1px solid #A7C9E5; */
/* 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: 6
.em;
    float: right;
/* 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
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #4F91CD;
    padding: 0.2em 0.75em;
    color: #FFF;
    text-decoration: none;
    border-bottom: 1px solid #A7C9E5;
    border-top: 1px solid #A7C9E5;
/* 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: #A7C9E5;
    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: #A7C9E5;
    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
    /* [disabled]background-image: url(SpryMenuBarDown.gif); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* 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
    /* [disabled]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
    /* [disabled]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
    /* [disabled]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 ifram=e
    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: inline;
        f\loat: left;
        background: #FFF;
HTML
<tr>
    <td colspan="10" class="navbarrepeat"><ul id="navbar" class="MenuBarHorizontal">
      <li><a href="contact_us.html">Contact Us</a>        </li>
      <li><a href="helpful_links.html" class="MenuBarItemSubmenu">Resources</a>
        <ul>
          <li><a href="helpful_links.html">Helpful Links</a></li>
          <li><a href="community_agencies.html">Community Agencies</a></li>
          <li><a href="of_interest.html">Of Interest</a></li>
</ul>
      </li>
      <li><a href="checklist.html" class="MenuBarItemSubmenu">Safety</a>
        <ul>
          <li><a href="safety_checklist.html">Safety Checklist</a></li>
          <li><a href="things_to_bring.html">Things to Bring</a></li>
          <li><a href="child_safety_plan.html">Child Safety Plan</a></li>
</ul>
      </li>
      <li><a href="signs.html" class="MenuBarItemSubmenu">Abuse</a>
        <ul>
          <li><a href="what_is_abuse.html">What is Abuse?</a></li>
          <li><a href="signs.html">Signs of Abuse</a></li>
          <li><a href="characteristics.html">Characteristics</a></li>
          <li><a href="why_women_stay.html">Why Women Stay</a></li>
          <li><a href="donate.html">Survivors Speak</a></li>
        </ul>
      </li>
      <li><a href="donate.html" class="MenuBarItemSubmenu">Support Us</a>
        <ul>
          <li><a href="donate.html">Donate</a></li>
          <li><a href="events.html">Events</a></li>
          <li><a href="volunteering.html">Volunteering</a></li>
          <li><a href="statistics.html">Statistics</a></li>
</ul>
      </li>
      <li><a href="join_us.html">Join Us</a>        </li>
      <li><a href="our_story.html" class="MenuBarItemSubmenu">About Us</a>
        <ul>
          <li><a href="residential.html">Our Services</a></li>
          <li><a href="our_mission.html">Our Mission</a></li>
          <li><a href="our_story.html">Our Story</a></li>
          <li><a href="board_of_directors.html">Board of Directors</a></li>
        </ul>
      </li>
    </ul></td>
    <td><img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>

/* 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: 6
.em;
     float: right;
The red coloured line causes your menu to be displayed the wrong way round in FF. IE shows the menu as you have listed it with Contact Us as the first item.
Advice:
change the float to left so that the listed items start on the left hand side
change the listed items in the order that you want them to appear.

Horizontal Menu Bar not formatting correctly in IE

I am trying to get my menu bar to properly format in IE. It
works fine in Opera, Firefox, and Safari. What I am having problems
with is with how the sub menus pop up. In IE they show up above the
menu bar instead of below the menu bar. Any help would be
appreciated. My web page is www.artsbeercans.com Thanks!

OK, I went ahead and posted it live, even though it's not how I want it.
I think if I could make the horizontal menu boxes smaller, they could
all fit across - is there anyway to make each box fit the word that's
in it, instead of them all being 160 px? That might make room for
them all to fit across.....
Because can you see that the "Other" is now on the second row, and
pushes over the vertical menu box?
www.itsaboutourkids.org
thanks!!

Horizontal menu bar not aligning

Hello all,
I have two questions.
First: In LiveView, the dropdown menus on my spry menu bar do not drop down...however they do when I upload the file to the web? I have never had that do that before...any ideas?
Second: I created a horizontal spry navigation bar for a test page. I can not get the navigation bar to all line up on one line. If I insert each button individually (without doing a spry nav bar) they will line up on one row. I have done spry nav bars before and not had this problem. There is a sample of the navigation bar on a testsite: http://www.auburnillinois.us/testsite
If anyone has any ideas, I would greatly appreciate the help!
Thank you in advance
Chris

Hi, Chris,
It appears to me that the image you have inserted at the beginning of your <tr><td> (see below) may be wide enough to push the rest of the menu off its tracks.
<tr>
    <td colspan="2"><img src="images/navigation_bar_01.gif" width="109" height="25">
<ul id="MenuBar1" class="MenuBarHorizontal">
                   <li><a class="MenuBarItemSubmenu" href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/gov_tab2.gif',1)"><img src="images/gov_tab.gif" name="Image6" width="134" height="25" border="0"></a>
           <ul>
              <li><a href="city_hall.html" class="MenuBarItemSubmenu">City Hall</a>
                      <ul>
                     <li><a href="city_maps.html">City Maps</a></li>
Have you considered centering your menubar in a div within the <td> and using the image as a background? I see you have placed it at the other end, too. You could first off try reducing the width of those images.
Beth

Spry Menu Bar not loading on website

Hey guys,
I am currently editing a website so that it has a large horizontal spry menu bar on the homepage and once you go to other pages it has a smaller spry menu bar as a header. To do this I have created to .css files, for the larger one the CSS file is called SpryMenuBarHorizontal.css and the css file of the smaller header is called SpryMenuBar1.css. I have uploaded the Spry Assets folder to my remote server and a test html just to see whether it works. For some reason though it doesn't work? In DW on Live View and Previewing in Chrome and IE work perfectly fine for both the larger and smaller Spry Menu Bar. Bear in mind I work on a local server in DW. The test html is http://www.soccerexperience.com/cover_flow_test.html. On this page I have included the smaller Spry Menu Bar. I haven't actually tested out my homepage yet. Could you please help me shed some light on this problem? I am fairly new to website editing so if your answer could be clear that would be great.
Thanks in advance

Thanks for your reply David Powers. I have now uploaded the Js file and all is well! Thanks again

Horizontal Menu Bar Drop Downs Not Displaying

I've had this problem before and here I am grappling with it again. I have a Spry horizontal menu bar with a few drop down menus on it. The drop downs are not displaying above the other layers on the page. http://bakerlake50k.com/draft/index.php
Need help.
Jeannette

I get dizzy when I look at your markup. Have a look at the following
<body class="BakerLake_body_design">
<div class="BakerLake">

<div class='cssLO BakerLake_wrapper_layout'>
    <div class='wrapper cssLI BakerLake_wrapper_design'>
      <div class='cssLO BakerLake_row_1_layout'>
        <div class='row_1 cssLI BakerLake_row_1_design'>
          <div class='cssLO BakerLake_row_1_xtdalignwrapper_layout'>
            <div class='row_1_xtdalignwrapper cssLI BakerLake_row_1_xtdalignwrapper_design'>
              <div class='cssLO BakerLake_row_2_layout'>
                <div class='row_2 cssLI BakerLake_row_2_design'>
                  
                  <p> </p>
                  <p> </p>
                  <p> </p>
                  <p> </p>
                  <p> </p>
                  <ul id='MenuBar'>
and compare that to
<body>
<div id="header">
</div>
<div id="nav">
</div>
The document looks like
<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header">
</div>
<div id="nav">
    The Spry Menubar goes here
</div>
<div id="content">
    <div class="article">
</div>
</div>
</body>
</html>
and the stylesheet
/* CSS Document */
html {
    background: #ccc;
    height: 100%;
body {
    background: #333;
    width: 1000px;
    margin: auto;
    height: 100%;
#header {
    background: url(http://bakerlake50k.com/images/bk-header2.gif) no-repeat 30px;
    height: 233px;
#nav {
    height: 28px;
    background: #000;
    color: #FFCC00;
    width: 900px;
    margin: -30px auto 0 auto;
#content {
    background: #000;
    padding: 30px;
    margin-top: 15px;
    height: 100%;
#content .article{
    width: 750px;
    float: left;
    background: #FFF;
    height: 100%;
If you follow the proposed structure, your SpryMenuBar worries will be a thing of the past
Gramps

Horizontal Menu Bar works when index.html is appended to url, but not otherwise

My spry horizontal menu bar works like I want when I put /index.html at the end of the url for my website, but when I just go to the website without typing that in the index page shows up fine, but some of the links in the menu don't work. How is that possible if the index page is what shows up when you put in the usual www.domain.com?

You're fine; don't worry about how you sound!
I did not get two different pages when I went for your ...tennis.com address vs. your ...tennis.com/index.html address. Were you looking at the pages locally (preview in a browser) or looking at them on your website?
If your local site contains the files you want to have on the server, synchronize your files [entire local site] (on the files panel, the 'recycle' symbol) to see which files are different, remote from local. Then upload (being sure to include associated files).
The basic reason for a Spry menu bar not working is if the javascript and the menubar css file are not accessible or not linked to the page. The other reason would be if Javascript is turned off (but you said it worked with one file...) or if the javascript code at the bottom of the page is somehow either not there or broken:
<script type="text/javascript">

</script>
Well, I've been pretty long-winded about this. I hope you have been able to sort out the difficulty!
Beth

Active State not working in Horizontal Menu Bar

I have a Horizontal Menu Bar.
I've set the Top Level Item with Normal, Rollover, Mouse Down and Active States to be different.
All three work on the Top Level Item, EXCEPT for Active State. When the menu is Active, and I move the mouse down the items, the Top Level Item defualts to the Normal State, NOT the Active State.
I've tried trashing the Active State and rebuilding it. That did not work.
I can't figure out how to get the Top Level Item in the Menu Bar to display the Active State.
Hope someone has some suggestions, or knows if this is a bug.
Thanks.
Dave Coop.

Hmmm...I've just been playing around, and I think I got the Active State to work correctly. I think my problem was not understand what Active State means.
To answer your question, I was changing the Font Color and Box Fill Color of the Active State.
I did not understand that Active State means the look of the Menu Item when the PAGE is active. I thought it meant the look of the Menu item when the cursor is scrolling down the Menu (i.e. when the MENU is Active, not the page).
Look at this page for an example of what I'm trying to achieve...
http://www.pgavdestinations.com
When you hover over the "Work" menu item, and move the cursor down the menu, the state of "Work" remains changed until you move the cursor off of that menu column. It does NOT return back to it's Normal state until you are off of that menu column.
Is there a way to achieve this with the menu states in Muse?
Thanks for the replies!
Dave.

Spry horizontal menu bar and accordion panels not working when published

Hi,
I'm a newbie to Dreamweaver and have been asked to design an intranet site. On the site, I added both Spry widgets for a horizontal menu bar and an accordion panel. Both of these widgets work in preview, however, neither work when I publish. I uploaded the Spry asset folder (with all the CSS and JS files) to the remote server, but still no luck. What am I missing?
Thanks.

Despite of what you have staed, my bet is on the fact that the SpryAssets folder and/or the included files are not being found by your page..
Open the site in FF, click on view Source and in the source code click the link to the JS file. If it can be found, it will show the content of the file and you will have the satisfaction of knowing that the page can find the file.
If it does not show the content, you need to correct that.
Good luck.
Ben

Spry Horizontal Menu Bar background image IE8 not visible.

I have a slight problem with a horizontal menu bar that I have placed on my site and am hoping someone can help me. It views fine in Firefox, however in IE8 the top menu background image is white instead of the image I specified. Firefox image is below.
Below is IE8 image lacking top menu background:
I am a novice and this is driving me nuts. How can something view fine in Firefox and loose the image in IE explorer? I must have a code incorrect, I know it. Any help is greatly appreciated.
Thank you,

At the bottom of SpryMenuBarHorizontal.css, you will find
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background-color: #FFF;
Change the background colour to transparent and all is well.

Horizontal Menu Bar Help Needed

Hi there, I am somewhat new to web design but I've been helping a friend update his business's page recently. We use Dreamweaver CS3 and our hosting is thru GoDaddy.
My problem appears when I try to insert a horizontal menu bar (Insert>Spry>Menu bar) so that a dropdown menu will appear when I hover over an option, much like the top menu on the GoDaddy homepage, among others. It works correctly when I preview my page in a browser from Dreamweaver, (Firefox, IE) but when I actually upload my page to the GoDaddy servers and view it, it shows up not as a bar with hidden options, but as a long unformatted vertical list.
The site in question is here: http://www.notyouraveragebookkeeper.com/indextabs
I thought it might be a problem with CSS, but I made sure that all of the style sheets are properly uploaded to the servers, and I made sure that my browser accepted any Javascript applets. I've also tried it with my Dreamweaver CS5 trial. Like I said, I am an amateur in every sense of the word and I'm still learning technical terms for things so some of my jargon may be a bit flawed. I have done a good bit of online research in forums and otherwise, and I've tried solutions that have been given to similar problems. Maybe someone could view the source code and find out where I've gone wrong, or suggest tips to identify problems in Dreamweaver. I feel like the problem lies within the Spry framework, but I have very little knowledge on how it works or what it does.
Any assistance in this regard would be extremely helpful and appreciated.

Neither SpryMenuBar.js and SpryMenuBarHorizontal.css can be found by your online site.
Possibly these have not been uploaded or uploaded to a wrong location.
Gramps

Horizontal menu bar mac to pc

Recently created this page: http://musicnotes.net/MNI/SPRY.html using Dreamweaver CS3 but it does not look the same in all browsers.
It starts out with the table width set for 100% and then hard sets the
column widths to force the complete heading to something like 1600 pixels
wide. The cell widths should be allowed to set themselves.
In IE 6.0, and probably IE 7.0, the mouse over point to change colors is a
narrow strip between the links. Results in white flashes as you move down.
In IE 8.0, which is now similar to FireFox, the mouseover color changes work
okay but the secondary panels overlap the primary column. It's workable but
doesn't look quite right.
Except for being forced super wide and too big, everything seems to work
okay in Firefox.
Does anyone know if these issues are resolved using CS4.

Thanks Gramps, will take a look and get sorted!
Date: Mon, 14 Feb 2011 19:00:03 -0700
From: [email protected]
To: [email protected]
Subject: I am having problems with my spry horizontal menu bar defaulting to the top of page in IE
The structure of your document needs fixing. You will be able to get a lot of information from here http://www.adobe.com/devnet/dreamweaver/css.html
After you have fixed the structure start with a fresh copy of SpryMenuBar. Read this before making any changes http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps
>

Horizontal menu bar appears vertical after upload

Hi,
I am new using Dreamweaver CS4 and have encontered a problem. I have made a nice looking (I think so) horizontal menu bar on my web project and it works/looks fine in the "LIve View" of DW. However on the web page after upload it looks like this:
http://www.competenciagroup.com/ColombiaTravel/index.html#
It has changed from horizontal to vertical and all formats are gone. Anybody have a clue?
Thanks in advance,
Ivan

The Spry stylesheet cannot be found.
The Spry CSS should be:
http://www.competenciagroup.com/SpryAssets/SpryMenuBarHorizontal.css
In your local working folder on your computer, is the Spry folder inside the working folder, or is it outside of that folder. The Spry Assets folder should be inside the folder where all your other html/image files are. The link in your html pages, shows that the Spry folder goes one level deeper than that.
The paths to both the spry css and the spry js file are wrong, you need to fix that and then upload the files again.
Hopefully you are working within a Defined Dreamweaver site - this is a very important first step before working on your site.
Define a site:
http://kb2.adobe.com/cps/140/tn_14028.html
Via the File Panels window, move the spry folder into your working folder *do not do it via windows explorer* it has to be done through Dreamweaver so that DW can correctly the file links. If everything goes correctly, you should be asked whether you want to update any links, so yes.. and hopefully the links will be corrected.
Usually the link should look like this if the Spry folder is inside your working folder structure:
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
Your link however shows as:
<link href="../../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
This means that the browser is trying to find the files one level down from where you website files are stored on the server.. and it's not there.

? Horizontal Menu Bar not loading in IE

Similar Messages

Maybe you are looking for