1 Reply Latest reply on Mar 21, 2010 3:44 PM by Zabeth69

    horizontal menu bar (spry) not working in live view

    bruno79

      action taken - simply add a horizontal spry menu to

      a blank page, then go to live view.....

       

      when select "item 1" - item 2 briefly disappears...any thoughts - this is making me nuts!   pls email me at mwood79@gmail.com

       

       

      here is the code

       

       

      <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
      <!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" />
      <!-- TemplateBeginEditable name="doctitle" -->
      <title>Untitled Document</title>
      <!-- TemplateEndEditable -->
      <!-- TemplateBeginEditable name="head" -->
      <!-- TemplateEndEditable -->
      <style type="text/css">
      <!--
      #apDiv1 {
      position:absolute;
      width:200px;
      height:115px;
      z-index:1;
      left: 182px;
      top: 281px;
      }
      #apDiv2 {
      position:absolute;
      width:463px;
      height:243px;
      z-index:1;
      left: 350px;
      top: 135px;
      }
      -->
      </style>
      <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
      </head>

      <body>
      <ul id="MenuBar1" class="MenuBarHorizontal">
          <li><a class="MenuBarItemSubmenu" href="#">Item 1</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="#">Item 2</a></li>
          <li><a class="MenuBarItemSubmenu" href="#">Item 3</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="#">Item 4</a></li>
      </ul>
      <script type="text/javascript">
      <!--
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
      //-->
      </script>
      </body>
      </html>