Vertical Menu second level IE

Hi, John,

I'm setting up vertical menu and have an issue in IE 7.0.5730. When I go from one parent which has a child menu, to the next parent link, the child menu of the first does not disappear. If the second parent also has a child menu, it will cover up part of the child menu of the first parent, but some of the links of the first parent's child remain visible above the current child menu.

Child menus do disappear correctly on a normal mouse-out, but not if it is to another menu item.

It all works correctly in Firefox 2.0.0.7.

That's my main problem at present. I also have another question about positioning menus not simply based on the location of the parent, but also taking into consideration the bottom of the window, so that a long menu will not disappear below visible area. Have you looked into that at all?

Thanks,

Mike

Hi Mike,

You may be experiencing the issue in this post : http://www.snapsis.com/Support/tabid/601/forumid/7/tpage/1/view/topic/postid/5623/Default.aspx#6790

Which was because of the absolute positioning of the menu.

For the second question, I have not tried to do anything like that, but it would require javascript to find the position.  My personal opinion on navigation is that if you have a long list under one parent then you may want to find a different way to organize it and maybe go to a new sub-level, or go to a two menu system that has left side navigation for the active child pages.  People tend to like short lists better than long ones or you loose their attention.

Indeed, '#nav ul li:hover {position: static;}' took care of my issue - thanks!

And I do not disagree with you regarding the long menu list.

I have one more issue and also a comment on long menu list.

First - when I am on a child menu item, the parent menu item is emboldened, as well as all menu items in all child menu levels. What do I need to do to overcome this behavior? (Using vertical menu.)

And as far as long menu lists, an example which I'm facing which is something of an exception to your good principles is a list of dormitories on a college campus, alphabetically arranged and a longer than normal (but in this case not a usability issue).

The first item is more of concern to me.

Thanks!

Look closely at the SelectedTab class which is a default css class for DNN for the active tab.  If you want to get rid of that markup all together from the output of the menu then you can use the Replacements property of the menu.  Replacments="SelectedTab="

For the long list, I would still look into aranging it in a way that has more structure, rather than just listing all the dorms. Maybe they can be segmented by general location, or Boys and Girls.  You may also want to try looking at how MSNBC does their menu.  http://www.msnbc.msn.com/

They have some that adjust if you hover towards the bottom of the screen, and they also use the method of just going to a seperate page and listing them all out in several columns.