4 Replies Latest reply on May 2, 2011 9:02 AM by Ken Binney

    Can a horizontal spry menu expand up rather than down?

    Josh_B_369

      Hi,

       

      FYI - my knowledge of HTML, CSS, and JS is minimal.

       

      I'm wondering if a horizontal spry menu can expand up (children) rather than down.

      The idea is to have it as a footer rather than a header.

       

      Although my page contains a header spry menu as well, thus all my CSS rules have 2 styles for 2 different menus.

      ex.

      #sprymenu01 ul.MenuBarHorizontal (header)

      #sprymenu02 ul.MenuBarHorizontal (footer)

       

      I've been able to force the child menu items to appear above the parent menu items by:

      Editing the CSS style "ul.MenuBarHorizontal ul" changing the "margin-top" to a negative integer. (ex. -100px, -100%)

       

      However, this seems to be a fixed location. Meaning this could only work if all the child menus had the same ammount of items.

      if -100px then the top of the child menu appears 100px above the bottom of the parent menu.

       

      What I want to do is have the child menu expand from the top of the parent menu.

       

      Example of normal Spry Menu:

      Parent Item

      Child Item 01

      Child Item 02

      Child Item 03

       

      Example of what I want:

      Child Item 01

      Child Item 02

      Child Item 03

      Parent Item

       

      I assume the answer is to edit a CSS style rather than a JS rule, but at this point I'm not certain.