Menu

Soldato
Joined
8 Jan 2003
Posts
3,836
Location
Scotland
I'm after a certain type of menu functionality (not sure what it's typically called). The most obvious example I can find is at microsoft.com/ When you hover over one of the menu items in the silver bar, a "box" appears below it with multiple columns.

Does anyone know where I can get something similar?
 
I don't get the dropdowns on microsoft.com (possibly because I'm using Safari) but google "suckerfish dropdowns".
 
I don't get the dropdowns on microsoft.com (possibly because I'm using Safari) but google "suckerfish dropdowns".

Here's a pic to illustrate for those that can't see it.

ms_menu.png
 
I don't get the dropdowns on microsoft.com (possibly because I'm using Safari) but google "suckerfish dropdowns".

I think he means some sort of ready made solution having multiple lists. The thing that comes to mind first is showing hide divs using javascript/JQuery.

Actually, after a quick look I think that's how microsoft are doing on their page, as each dropdown seems to be a hiden div with multiple lists in each div.
 
I think he means some sort of ready made solution having multiple lists. The thing that comes to mind first is showing hide divs using javascript/JQuery.

Actually, after a quick look I think that's how microsoft are doing on their page, as each dropdown seems to be a hiden div with multiple lists in each div.

Which is what I thought but given that I'm not up on all the quirks of different browsers, I didn't want to start something from scratch and was looking for an example that was similar for me to start from, best practice, etc.

Cheers.
 
Lots of menus to choose from, various scripts, all work in different ways, some works across browsers, some not.

You can do it using CSS or with a hide/show DIV javascript, that would be more cross browsers compliant.

http://www.dynamicdrive.com/dynamicindex1/

Some to start you off, or if you want something that uses just CSS, try some of these sites.

http://www.google.co.uk/search?q=cs...s=org.mozilla:en-GB:official&client=firefox-a

Think about what audience you're targetting and what browser they'll likely be using.

Matter of playing around until you get something you like....

Don't pay for one though, there are MANY free decent menus about, just keep googling....
 
Back
Top Bottom