drop down menus to disappear

[Craig]

I have tried to set up some drop down menus on my site but I can't get the
menus to disappear when I move the cursor off them. I have tried following
the instructions on interlacken.com/winnt/tips/tipshow.aspx?tip=28 but I
either get the menu to disappear when I come off the main menu title and go
down the list of links (so I can't select them) or the menu stays visible
when I move the cursor across the page . What am I doing wrong ?
Can someone pleae help me!

 

[Murray]

Post a link to your page, please.

 

[Craig]

Hi Murray

Thanks for responding.
Firstly this is MY company which I am trying to get off the ground.
I am not building this site for someone elses commercial gain.
If you will still help me then follow the link to

http://www.servecentrix.com/

the products tab is the behaviour I am getting

 

[Murray]

The notion of these kinds of menus is simple.

Underlying the entire menu structure is a hidden layer containing a
transparent GIF image. This image is wider/taller than the entire expanded
menu system. The image in this layer has a mouseover change property
behavior applied to it to do two things:

1. Hide all the submenu layers
2. Hide its containing layer

Let's call this layer the closer layer.

Now, each menu button may reveal a submenu - at the same time, it should
also reveal the closer layer. Since the closer layer underlies all of the
submenus (i.e., it has a LOWER z-index), as long as the mouse is over the
submenu, the 'hide all' behavior of the closer layer will be masked. As
soon as the mouse strays out of the submenu, the closer layer's mouseover
event will hide all of the submenus, as well as itself, and bada bing bada
boom.

It looks to me like your behaviors are not supporting that notion. Take a
look at the products menu, and make sure that it does....

 

[Dan L]

I think I can "half help". In code view, find the line:

<a href="javascript:;" id="id1"
onmouseover="FP_changeProp(/*id*/'products',0,'style.visibility','visible','visibility','show')"
onmouseout="FP_changeProp(/*id*/'products',0,'style.visibility','hidden')">

Change the last word, "hidden" to "show". Now your Products drop down will
stay visible and you can mouseover the selections to get to the pages. I
don't know how to get it to collapse, though. When you mouseover About Us,
it won't collapse either. That's why I said I can "half help"
Hopefully someone else can provide further assistance to get them to collapse
onmouseout.

 

[Craig]

Murray
thanks for that - I am obviously a novice to this but I can't seem to get
this thing to work could you talk me through how I get the behaviours to
control these layers as I can't get the behaviour on the 'closer' layer to
remove the menu or act on a mouseover.Which options do I select to make this
happen?
Unlike the menu I can't get it to operate on the 'a' and doing it on either
the 'div' or the'img' doesn't seem to offer me the right selections.
Either that or I'm just being stupid!

 

[Murray]

Craig:

I'll try to get to this today - I hope you can wait! 8)

 

[Craig]

thanks Murray I really appreciate your help and yes I can wait.I see from the
forums that you are a busy guy and I'll happily wait.

 

[Murray]

Your link doesn't work for me now! 8(

 

[Craig]

Sorry no idea what happened there, I was the same - it must of been the
company I am being hosted by.It appears to be fixed now.