Skip navigation
Currently Being Moderated

is it possible to have 2 different vertical spry menus on the same page

Apr 27, 2012 6:53 AM

is it possible to have 2 different vertical spry menus on the same page?

 
Replies
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 27, 2012 7:02 AM   in reply to dawnnolan54

    Definitely Yes. Just make sure that you assign unique IDs to the menus when you insert them. Something like this:

     

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

    <ul id="MenuBar2" class="MenuBarVertical">

     

    You could use the default styles in your CSS i.e. ul.MenuBarVertical for the properties that will be shared by both the menus.

    For creating unique and custom styles for both menus, you could includ the ID along with the styleselector tag in your CSS - something like this:

     

    ul#MenuBar1.MenuBarVertical

    ul#MenuBar2.MenuBarVertical

     

     

    The CSS rules containing an ID in the style selector name will override ALL other styles because they are more specific as they apply to a more targeted set of HTML tags.

     

    Trust this helps.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 27, 2012 7:17 AM   in reply to dawnnolan54

    Post your current HTML & CSS code and I'd be glad to help you figure out

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Apr 27, 2012 8:29 AM   in reply to dawnnolan54

    Styling different menus is easy.

     

    You could actually insert both the Spry Dropdown menus directly from DW.

     

    You could see this link and see its source on how to style them differently. This link has MULTIPLE menus on the same page: http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample. html

     

    Cheers,

    ST

     
    |
    Mark as:

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