Skip navigation
migueleeks
Currently Being Moderated

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

Jan 20, 2012 9:55 AM

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

 
Replies

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points