I'm trying to do a special kind of horizontal menu and I need some help.
The menu should have:
- 1 sublevel - the sublevel items should appear only when I hover over the mainmenu items - the sublevel items should stay at one position (on the left) and not move absolutely with/to the mainmenu items
I don't know how to do the third point. Every menu I've found has these absolutly positioned submenu items.
I've been searching around the web for a solution to this. I've just found this viewtopic.php?f=2&t=1926&p=9315 which is kind of close. I would appreciate if someone could push me in the right direction and make a suggestion what I need to do to work with http://www.strictlycss.com/articles/article/59/horizontal-and-tabbed-css-menu-with-sub-menu this approach to tweak it for my purpose.
Not really sure what you are trying to do. If I understand correctly then you want your submenu to appear somewhere else on the page when an item on the main menu is hovered over? The most obvious problem I see there is that using just CSS, :hover has only 2 states, ie. you are either hovering over something or you are not. So you hover over an item on your main menu and the submenu appears elsewhere, as soon as you move your cursor away from the main menu towards the submenu, you will no longer be hovering and the sub menu will disappear! I would suggest looking at a javscript (jQuery?) solution. Or I have misunderstood completely.
I'm trying to do a special kind of horizontal menu and I need some help.
The menu should have:
- 1 sublevel
- the sublevel items should appear only when I hover over the mainmenu items
- the sublevel items should stay at one position (on the left) and not move absolutely with/to the mainmenu items
I don't know how to do the third point. Every menu I've found has these absolutly positioned submenu items.
I've been searching around the web for a solution to this. I've just found this viewtopic.php?f=2&t=1926&p=9315 which is kind of close. I would appreciate if someone could push me in the right direction and make a suggestion what I need to do to work with http://www.strictlycss.com/articles/article/59/horizontal-and-tabbed-css-menu-with-sub-menu this approach to tweak it for my purpose.
I would suggest looking at a javscript (jQuery?) solution. Or I have misunderstood completely.
I found something that brought me further, like this: http://www.tjkdesign.com/articles/new_drop_down/TZ.asp
Guess I just did my research a bit sloppy.
Glad you found what you needed.
http://www.cssplay.co.uk/menus/pro_dropline.html