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.
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.