dhtml menus in ie

[righter]

Hi,

I'm in the process of building my first dhtml-based navigation. I used this as a model:
http://gosu.pl/demo/mygosumenu/1.1/example2.html
After doing lots of tinkering and editing, this is what I came up with: http://tinyurl.com/6sdmc .

Here is my problem: It works fine in Firefox 1.0, but only after a reload. Before a reload, the menus pop up in the wrong places. In IE, it does not work because the menus get hidden behind the image. Is there any way I can bring the menus to the front? I tried making the image the background of the td, but it still does not work.

Any help would be greatly appreciated! I'm totally stuck.

[greeneagle]

Words in the Nav are cut in half and disappear.

IMO - You may be better off going with more current technology. Play here for a little while:
http://www.webmaster-toolkit.com/css...enerator.shtml

Good Luck,
Ken

[righter]

The menus already use CSS for style. But the functionality of the menus is different than those on the site you directed me to. When you roll over one item, another menu pops out. Try it in Firefox and you'll see how I'm trying to get it to work in IE.

[paulhiles]

Try this one for size!

CSS Vertical Popout menu

Paul

[GuyLaDouche]

You can get almost identical functionality using CSS and it's cleaner, works when users have JS turned off, and its faster since it's not running any scripts in the background as the user browses.

[righter]

Thanks for the heads up. Good to know that I can do this using only CSS.

Will this solve my problem? Before I spend a lot of time with this I want to make sure that a menu built in CSS can be configured to pop up OVER an image that is beside it. It will be useless for me if it hides behind it. (If I need to do this, is there a way I need to edit the CSS to make this happen?)

Thanks for all the great help so far!

[righter]

Was my question unclear? Any help?

[chiron]

I believe I had to pay something for this one, but you might want to take a look at http://dhtml-menu.com/ which I found to be an easy-to-use, very, very powerful (if you are DHTML/JS familiar with hand coding to tweak it) and cool little menu that did not annoy me by hiding behind images or even form fields (a common killer of older DHTML/JS I built/bought in the first half of this decade).

Whatever the price I paid might have been, for the client, who was fantastically excited by how sleek this was, it was a no-brainer. And for me, I think I spent about two days making what would have been a suicide call if I'd tried to do it on my own. I used the "tree" if I recall, but messed with the others like the dropdown banners and such just because it was a blast.

I checked the site out in Firefox just now to be sure it was compatible, and sure enough, check out examples like this one,

http://dhtml-menu.com/tree-examples/tree-menuxp.html

and they work similarly in FF or IE. Not a lot of third-party tools or snippets I have used or been satisfied with, all in all, but this is one of the precious few I'd use again.

[GuyLaDouche]

Originally Posted by righter

Will this solve my problem? Before I spend a lot of time with this I want to make sure that a menu built in CSS can be configured to pop up OVER an image that is beside it. It will be useless for me if it hides behind it. (If I need to do this, is there a way I need to edit the CSS to make this happen?

CSS is capable of z-indexing and relative positioning which should be able to handle what you are looking to do by the sounds of it.