nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

Javascript Drop Down Menu

Serbian

Hey,

I'm looking for a Javascript drop down menu that will trigger off images rather than divs. I have had a look through a lot of the Navaigation scripts on Hotscipts.com but they all seem to trigger off of the <div> tag. The site I have has already been built with 4 images at the top as navs, and inserting a <div> anywhere will break the flow since it is a block level element. Anyone know of any scripts that trigger off an image with an id?

The only other criteria is that is must be relative positioning. It would be nice if it supported a second level too

Many thanks for any replies.

Find more posts tagged with

Quick Links

Comments

Zaltais

It should be easy enough to do by butchering one of the many scripts you've already found.

However, what may be easier (albiet less cross-browser friendly) is to use the script you've found that uses divs and either change it so it uses spans instead or change your div's so they're not block level elements any more

[php]
<div style="display: inline"><img></div>
[/div]

If memory serves I've seen a javascript works well with horizontal image bars, but I think the link to it is in work. If nobody's posted a better solution before then, I'll take a look in work for you tomorrow.

pork99

I found this very helpful

http://www.alistapart.com/articles/dropdowns/

not exactly what you are looking for but I have found it very adaptable

Zaltais

This is the one I was thinking of:

http://www.milonic.com/

this may be specifically what you were looking for:

http://www.milonic.com/menusample18.php

It's not free though....

Serbian

Hey guys,

Thanks for the replies. A couple of minutes after posting this thread I found a cheap'n'easy menu. The List Apart menu is a great one, and I did consider implimenting it, but have decided to go with the one above. Took me about 5 minutes to get it behaving exactly as I wanted it to.

One problem however, it doesn't work properly in IE 5.2 for the Mac. I have tested it on Safari on the Mac, and IE5+ on Win, and FireFox 0.8. If anyone else notices problems with it in other browsers let me know

Once again, thanks for the replies, you have been very helpful.

MrNuked

coolmenus are good DHTML menus...available free from dhtmlcentral I think. Google if interested.

pork99

Just to say in support of the alistapart.com dropdowns that if you are interested in your site's accessibility it is very good because its mostly based on CSS with the minimum of Javascript, about 12 lines of Javascript code compared to at least 10 times that in other drop downs.