Forums: Front End:

I am proud to announce that I did a first full (almost) CSS drop-down menu for a client adapting Son of Suckerfish menu to this


drop-down menu

However I've never been able to get it working properly with horizontal drop-downs, like here
horizontal submenus mess from Adobe


Anyone has a good example of this?

Like so?

Example

The ALA article

nice job. even works in IE6

yes, very nice example. I'll have to see if you can easily change the horisontal distance between submenu items and the offset from the parent, as this was my original problem with Son of Suckerfish.

set the padding-left. (offset the width to compensate. IE debuggin is left as a lesson for the viewer)

Originally posted by: unata
I am proud to announce that I did a first full (almost) CSS drop-down menu for a client adapting Son of Suckerfish menu to this


drop-down menu

Wow. It doesn't break in FF with my huge resolution and giant font size. :applause:

Originally posted by: OvineWorrier

#nav li.off ul, #nav li.on ul

set the padding-left. (offset the width to compensate. IE debuggin is left as a lesson for the viewer)

I'd have to play with it to find out if the width of submenu list items can be adjusted from list item to list item or omitted all together. In vertical drop-downs uniform width for list items is a good thing, in horizontal - not so much. Same for offset from parent - sometimes it needs to vary from item to item in a horizontal submenu. I was not able to modify other CSS-only drop-down menus to act accordingly.

You could use classes or ids to control varying widths/offsets.