- This topic is empty.
March 8, 2012 at 6:03 am #37044
i try to recreate this menu: http://splyte.de/menu/menu.jpg
the problem is now, that the submenu is positioned below the list-element on hover and I would like to position it on top, see here: http://splyte.de/menu/index.html (menu 02)
any ideas how I could achieve this? or links to similar looking menus for inspiration?
thanks in advance, janMarch 8, 2012 at 6:19 am #98474
Try applying a negative top margin to
header nav ul ul, of -90px or so, then fix the positioning of the entire menu a little bit so that the top isn’t cut off.March 8, 2012 at 6:30 am #98477
thanks for replying!
meanwhile i figured out that adding position absolute and a value for bottom will position the submenu in the desired way. (updated link). the problem is now, that it should dynamically position on top of the menu-text, no matter if the text is in one line or broken in two.
thanks, janMarch 8, 2012 at 6:43 am #98479March 8, 2012 at 6:56 am #98484
thanks a lot, looking good!! :)
I’ll check, if we can adopt the markup. does this validate?March 8, 2012 at 7:56 am #98487
I would never provide any types of hacks or dirty code. ;)March 8, 2012 at 8:06 am #98489
- The forum ‘CSS’ is closed to new topics and replies.