CMS Made Simple Forums

Is it possible to create two different sized menu levels using CSS menu - horizontal? For instance, can I create 1st level menu with "blocks" of width: 100px & height: 100px; and the second level would be something like, width: 100px; and height: 25px;?

I mean, when I move mouse over the first level, second level opens, just like in normal CSS menu, but the second level would be different size than level 1. I have tried this couple of times, and every time I break the menu

There are several CSS menus which do this, often with some Javascript support. Google is your friend, try searching for 'CSS menus'!

You can do this with normal CSS menu that comes with CMSms. CSS menu that comes with CMS is very SEO friendly and works without JS in most modern browsers (no IE6).

Thanks, I'll try it out later when I get back home and add solved to topic if necessary

First is #primary-nav li, second level is #primary-nav li li...

mark: Yeah I've tried those, but setting height to those differently is one of the things which breaks the menu...

What happens when it breaks?

Your best bet is to use padding to get the height of your links, in the a is best...

KO: First level is okay, but second level's hovers go wacky (a 10px border hovers at the top of the menu item selected and the rest is like a normal menu item without the hover effect) and the menu just doesn't look right.

mark: Doing the same thing using padding works perfectly

Thank you all for your quick and helpful replies. Solved.