Creating a Drop-down Menu

re: Creating a Drop-down Menu

Gregory Markle — Wed, 06 Oct 2004 06:06:00 GMT

Fails miserably in IE 5.2 Mac...which I don't use except for testing but I'm just sayin'.

re: Creating a Drop-down Menu

thegnu — Wed, 06 Oct 2004 15:27:00 GMT

Any advanced css, valid or not, will fail in IE 5.2 Mac in my experience. My experience hasn't been all that great, but it has been enough to frustrate the heck out of me.

I think Mac users who use IE don't deserve properly rendered css. :-)

re: Creating a Drop-down Menu

Lerch — Wed, 06 Oct 2004 19:05:00 GMT

Can this be adapted to use nested dropdown menus? (i.e. click file, see a bunch of menu items, one of which is Send, which when clicked displays Email, Contact, etc.)

re: Creating a Drop-down Menu

Lisa Wollin — Wed, 06 Oct 2004 19:09:00 GMT

Lerch - To be honest, I'm not sure. At first guess, I would say yes, but I will need to do some testing first. - Lisa

re: Creating a Drop-down Menu

b.gr — Wed, 06 Oct 2004 19:25:00 GMT

Some more lightweight and standards complaint approches can be found here http://xkr.us/js/menus - most, if not all, suppost submenus, too :)

re: Creating a Drop-down Menu

b.gr — Wed, 06 Oct 2004 19:26:00 GMT

Oops, wrong link in my previous comment: http://xkr.us/js/menu

re: b.gr

thegnu — Wed, 06 Oct 2004 19:58:00 GMT

Thanks b.gr
My brother's an actual web designer and I'm a crappy one who designs for myself. Any links to resources are great.
ummm... I'm leaving now...
*leaves*

re: Creating a Drop-down Menu

Lerch — Wed, 06 Oct 2004 21:01:00 GMT

I played with it some, Lisa, and I run into the same thing I've seen other code deal with: there has to be a way to figure out if a menuitem has a submenu (so you can put a little arrow or something), and you have to figure out where to display the submenu (i.e. ideally to the right of the menuitem that spawns the submenu).

Thanks for that link, b.gr...that Son of Suckerfish Dropdown article was amazing...I've been looking at dropdown menu strategies off and on for a while (which led me here, Lisa), and that's got to be one of the most amazing, lightest, most cross-browser compliant ones I've seen. I love the idea that it's coming from a heirarchical list...that makes it really easy to populate the menu items from a database!

re: Creating a Drop-down Menu

Lisa Wollin — Wed, 06 Oct 2004 21:13:00 GMT

I took a look at the link b.gr provided, but I haven't had a chance yet to read through it. Great recommendation; I'll have to find some time to do so.

I also haven't had a chance yet this morning to futz with my code, but my thought after a brief glance at it is that the P elements inside would need to change to a nested table with TD elements inside the nested DIV element, and then you could nest TABLE and DIV elements to your hearts content to create as many submenus as you want.

The only thing I'm not sure about is the offsetTop value. I'm not sure how this would change with submenus, but my gut tells me it would change, which means that it may need to be a value that gets passed in, depending on the placement of the submenu.

Again, without a great deal more looking at this, I can't say for sure what would need to be done to make it allow for submenus, but when we publish the article perhaps I'll fix the code to allow for this.

re: Creating a Drop-down Menu

squeakstar — Sat, 23 Oct 2004 14:47:00 GMT

hi people - good page, i'm a bit of newbie still picking this example apart and understanding it nearly...

i was wondering how difficult it would be to mod this code to create a rollover image button for the menus contents?

Creating a JavaScript Drop-Down Menu in FrontPage

FrontPage Weblog — Fri, 17 Dec 2004 05:16:00 GMT

Creating a JavaScript Drop-Down Menu in FrontPage

FrontPage Weblog — Fri, 17 Dec 2004 05:45:00 GMT

re: Creating a Drop-down Menu

Toby — Thu, 09 Feb 2006 19:29:47 GMT

Please no, stop... dont do it like this... please it hurts!

do it like this...
http://www.alistapart.com/articles/dropdowns/

Credit to you for having a stab, but remember, use the correct tags (not tables, or links for lists, very naughty) and minimilise code to what you need. Otherwise you are re-inventing the wheel poorly and teaching people bad methods (look at squeakstar, he/she's going to go to the darkside :|)

Just remember, if you need this to go over other elements, like form entry stuff... get ready for a headache and think, JS and iframes... mhhhhhh

Sorry if im too harsh, what is this doing here anyway, such a bad way of doing a drop down :| :(

re: Creating a Drop-down Menu

Toby — Thu, 09 Feb 2006 19:33:49 GMT

http://www.htmldog.com/articles/suckerfish/example/

re: Creating a Drop-down Menu

Karthik Ramaswamy — Thu, 04 May 2006 12:33:13 GMT

The site is really good and it stand by its name.It's very helpful.
The doubt that I have right now is how can i set or increase the width of a drop down menu in HTML.
For eg what should in include inside <select> tag.
Thank you.

re: Creating a Drop-down Menu

chris niese — Sun, 17 Sep 2006 05:33:08 GMT

Why didn't you place the whole data thing in the right order to copy and past it.
When it is past in page view of MS-Frontpage you have a better sight on the whole picture and easier to play with, I think?
In this lay-out it takes for ever to get it right.
Chris.