1 Reply Latest reply: Jan 20, 2012 5:16 PM by Ben Pleysier RSS

    My Dropdown Spry Menus don't show up on any browser. It only shows Text?


      I created a simple XHTML page with a few horizontal spry menu bar. When I preview it in Chrome, Safari they work fine. I have uploaded the page and the SpryAssets folder to the server and when I go to the URL, the buttons and color don't show. It only shows the text?


      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <html xmlns="http://www.w3.org/1999/xhtml">


      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

      <title>Menu Bar</title>

      <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

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





      <div id="My">

        <ul id="MenuBar1" class="MenuBarHorizontal">

          <li><a class="MenuBarItemSubmenu" href="#">Miguel</a>


              <li><a href="#">Item 1.1</a></li>

              <li><a href="#">Item 1.2</a></li>

              <li><a href="#">Item 1.3</a></li>



          <li><a href="#">Contact Us</a></li>

          <li><a class="MenuBarItemSubmenu" href="#">History</a>


              <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>


                  <li><a href="#">Item 3.1.1</a></li>

                  <li><a href="#">Item 3.1.2</a></li>



              <li><a href="#">Item 3.2</a></li>

              <li><a href="#">Item 3.3</a></li>



          <li><a href="#">Map</a></li>



      <script type="text/javascript">

      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});






      Here is the URL to see what I'm talking about. Any help would be greatly appreciated.