Hi all,
I have integrated a vertical css menu within a strict layout, meaning that the layout does not expand/contract.
content is handled in a center div with, if required, a vertical scrollbar for overflow.
Now some of the sub levels of the css menu main do contain more entries than the remaining lines below that fly-out position in the main structure.
I have seen that commonly most fly-out menu's simply expand below the main or sub's last line, so does css-menu-vertical.
This I want to avoid, being that the fly-out's never go below the last line in the main menu.
Where required, the sub and or sub-sub should shift upward so that both bottom lines match.
I've spend plenty of hours playing around with parameters within the CSS for this menu style, but do not get it to work
properly, somehow I have the feeling that it's right before my eyes to make it work, but apparently I'm getting blind.
So if anybody with better "sight" than me could give me a hint, it would help a lot.
SM...
[SOLVED] CSS menu-vertical.. on flyout limit vertical dept.. how to?
[SOLVED] CSS menu-vertical.. on flyout limit vertical dept.. how to?
Last edited by sysmaster on Sat Feb 16, 2008 1:21 am, edited 1 time in total.
-
- Power Poster
- Posts: 424
- Joined: Sat Feb 02, 2008 12:42 am
Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?
Take a penny, leave a penny.
Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?
This will need to be handled with some id and class tags added to the menu template so you can call the specific menu items to go up instead of down, I've done this to get horiz. menu items, last on the right, to go left instead of rigth to keep them in the page...
Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?
Thanks Mike,
But it has a rather steep price, and I will probably only run into this problem once.
Anyway I "solved" the issue by re-sorting the contents of the menu so that it
won't go below the set frame.
SM...
Re: CSS menu-vertical.. on flyout limit vertical dept.. how to?
Hi Mark,mark wrote: This will need to be handled with some id and class tags added to the menu template so you can call the specific menu items to go up instead of down, I've done this to get horiz. menu items, last on the right, to go left instead of rigth to keep them in the page...
I played around with that option also, changed the css in such a way that it would show the fly-out going to the top instead of falling down, an ran into the same issue on the upper entries. So, since I could not spend more time on it, I re-organized (sorted) the content..sub-content..sub-sub..of the menu in such a way that the menu and fly-outs stay within the set frame.
That will do it for the time being.
Another alternative that crossed my mind was to modify the TPL such that it would "tag" upper and lower entries and then give then specific styles so the the upper fall down and the lower jump up...
So this is "solved" {more or less}
SM...