We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 9878
    • 31 Posts
    hi guys,

    thanks a lot for giving me advice in my last thread
    I’ve gotten my menu to work almost perfectly, but there are a few things I’d like to realize, but don’t know how.
    Looking for answers in this forum stayed unsuccsessful, yet.

    well, i got the following menu
    Level0
    dir1
    file1
    [blank line]
    dir2
    file2
    dir3
    file3
    file4


    i call the menu with
    <div id="menu">
    <span class="linkfett">Schüler</span>[[DropMenu?startDoc=3]]
    <span class="linkfett">Studenten</span>[[DropMenu?startDoc=6]]
    </div>


    and my css is
    #menu ul {  /* standard menu formatting */ }
    #menu ul li a.hover { /* hover effects */}
    #menu ul li.here, #menu ul li.here a { /* here-effects */}
    #menu ul li.category, #menu ul li.category.here { /*for non-clickable folders */}
    
    #menu ul ul {/* makes the subfolders, eg. dir3 hidden */  [color=red]display:none; [/color]}
    #menu li.here ul { /*expands the dir3 on clicking on it */ }
    


    so is it possible, to make dir3 expand on hovering on it (possibility 1)
    or, is it possible to make dir3 expand on hovering on any of the dir2-items (possibity 2, even better)
    and if (1), can I get this effect even on .category - items ( I also got a folder which is non-clickable but contains subdocuments)

    i have tried almost all diverent ul and li tags, and i don’t get any step forewards. Thanks for you help

    thank you a lot

    steffen
      www.steffen-uhlmann.de
    • You’ll need a way to trigger hovers in IE on non-A elements (google Suckerfish or hover:anything), but add the following css:
      li ul {display: none}
      li:hover ul {display: block}
      


      Tweak as needed and you should be fine.
        Ryan Thrash, MODX Co-Founder
        Follow me on Twitter at @rthrash or catch my occasional unofficial thoughts at thrash.me
        • 9878
        • 31 Posts
        yep, it did - thanks
        where do I have to add another [display: block;], so that the tree stays open, but only for the present path

        thx for your answer
          www.steffen-uhlmann.de