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?

    migueleeks

      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">

      <head>

      <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" />

      </head>

       

       

      <body>

      <div id="My">

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

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

            <ul>

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

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

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

            </ul>

          </li>

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

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

            <ul>

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

                <ul>

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

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

                </ul>

              </li>

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

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

            </ul>

          </li>

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

        </ul>

      </div>

      <script type="text/javascript">

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

      </script>

      </body>

      </html>

       

       

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

      http//www.belton7on7.com/tes.html