locked
Multi level drop down menu RRS feed

  • Question

  • Hi,

    I'm a newbie to Expression and with limited knowledge of web page design. I am trying to create a multi level drop down menu. I managed to create a simple version, but would like to adapt it to appear like the example below posted previously on this forum:

    http://www.gleblanc.eu/Blog/post/Menus-part-II-multi-level-drop-down-down-menus.aspx

    I have used unordered nested lists, but the example is using Item IDs and I would like to carry on using the nested lists. Is there a simple way to adjust the code, e.g in design mode, as I am finding it really confusing, especially as the buttons are not consistent in number of levels.

    Thanks in advance for any help

    Alan

     

     

    Sunday, June 20, 2010 12:32 PM

Answers

  • Well, that example, if you read the page, was done using Silverlight, so you'd have to learn that too (that's what that page is about--an exercise in Silverlight).

    No, you cannot do it in the Design Pane; you have to deal with the code and CSS markup. There are a bajillion different places to find these menus online. Start with www.cssplay.co.uk . Or try this one, it's slick, it's free, and it includes a tutorial http://www.projectseven.com/tutorials/navigation/auto_hide/


    I dream of a better world...a world in which a chicken can cross the road without its motives being questioned.
    Sunday, June 20, 2010 2:16 PM

All replies

  • Well, that example, if you read the page, was done using Silverlight, so you'd have to learn that too (that's what that page is about--an exercise in Silverlight).

    No, you cannot do it in the Design Pane; you have to deal with the code and CSS markup. There are a bajillion different places to find these menus online. Start with www.cssplay.co.uk . Or try this one, it's slick, it's free, and it includes a tutorial http://www.projectseven.com/tutorials/navigation/auto_hide/


    I dream of a better world...a world in which a chicken can cross the road without its motives being questioned.
    Sunday, June 20, 2010 2:16 PM
  • Just to add what Bill said,

    "Is there a simple way to adjust the code, e.g in design mode," and "multilevel dropdown menus" are two statements that don't go together.

    Multi-level drop-down menus that work cross-browser [including for IE6] are not an exercise for someone who is not comfortable in Code View.  Use one of the many, many examples on the web already written for you - and even then, you'll need to be comfortable enough in Code View to put things where they need to be and adapt the markup to your specific menus.

    Sunday, June 20, 2010 2:39 PM
  • I have an Expression Web specific tutorial on using the Project Seven menu available in a zip file at http://by-expression.com/media/p/1554.aspx
    MS MVP Expression Tutorials & Help http://by-expression.com
    Sunday, June 20, 2010 3:15 PM
  • Thanks for your help

    I tried the project 7 example, but according to the tutorial it is not suitable for re-coding to multi-level. Apparently keyboard users cannot  use it. It did suggest an alternative site Pop Menu Magic, where you had to pay $90 to subscribe.

    However, I did manage to edit the code to create a sub-menu for the last item in a menu, but was unable to re-create it in earlier items. See below:

     

    1.  >

    1.1.

    1.2.

    1.3. > 1.3.1

    So, I could create the submenu 1.3.1. but when I tried to create sub-menus for the earlier items, e.g. 1.2. > 1.2.1. I could not get it to work.

    I will as suggested look at other alternatives on the web.

     

    Thanks again for your help

    Alan

     

     

     

     

     

    Sunday, June 20, 2010 3:23 PM
  • Keyboard users can use the CSS Express menu but I missed that you wanted multi level dropdown. Speaking as a user I don't like multi-level dropdown menus since If idn them too hard to use, espeically without a mouse or mouse equivilent. Try tabbing through a page that has enough menu items to fill a nulti-level menu and you'll soon see what I mean.

    I'd rather have a subnavigation when I get to a section than have to use multple dropdowns or flyouts on every page.


    MS MVP Expression Tutorials & Help http://by-expression.com
    Sunday, June 20, 2010 4:01 PM
  • Thanks again for the rapid response. You must have read my mind, I was just now wondering whether it would be better to have a subnavigation when I go to a new section. Could you kindly clarify how this might best work - would I have the main horizontal drop down menu on all pages, but add a vertical subnavigation, say on the left of the page.

    By the way Cheryl, your Urban Houston tutorial video is excellent.

    Alan

     

     

    Sunday, June 20, 2010 4:13 PM
  • Thank you Alan re my video.

    Typically I will have a top menu that links to the major sections of the site and a side menu that is in each subsection. There are many other ways of doing a combination navigation.


    MS MVP Expression Tutorials & Help http://by-expression.com
    Monday, June 21, 2010 2:17 AM