behaviour question on drop down menu

G

Guest

have set up a drop down menu leaf but I cannot get the layer below to display
as a transparent image (.gif) - it keeps on coming up with a white
backgroud.How do Iget the behaviours control to remove my menu on mouseout
when this is not
listed as an option in the drop down box. The only options I am getting are
for onload, onerror and onabort.
Can someone please help!

servecentrix.com
 
G

Guest

thanx Ronx but it is through following the interlackeb link that I have been
able to achieve what I have already done. Could you be more specific for me
on how I get
1)A transparent .gif file to show as mine always turns white when inserted
into front page - is there a tag that I need to adjust to make this possible.
2)How exactly do I configure the behaviours to get my menu to disappear when
I mouseover the transparent background.
A site link
servecentrix.com
this will show you where I am at with this if you move your cursor over the
Products menu tab.
 
R

Ronx

There are two ways to make a transparent gif - first a .gif with its
background the same colour as the page background, though this is not
transparent, and second a truly transparent .gif.
It could be that in FP Design view you are seeing the layer obscuring
the page behind it, rather than the .gif itself. If this is not the
case, then use the image at
www.rxs-enterprises.org/images/tp.gif


1) You have an Absolutely positioned Div located in a table cell.
This is not a good idea, since different browsers will render this in
different ways - the div may move in different browsers. Different
browser sizes may also affect the positioning.
In general, absolutely positioned layers should be directly after the
<body> tag, or directly before the </body> tag - but not in other
containers like table cells.
You can see how I got round this at www.rxs-enterprises.org/ for
modern browsers, but the method fails in Netscape 4 (and may fail in
other browsers I have not checked).
Using shared borders makes life difficult when also using absolute
positioning - consider replacing your borders with include files, or
even better use a Dynamic Web Template.

2) Do not use the Property-Restore behaviour to close the drop-down
layer - explicitly use a change property behaviour to hide it.

3) You are attempting to hide the drop down layer (see 2 above)
onmouseout from the cell that opens the layer. This makes it
impossible to select any links from that layer with the mouse (and
also seems to throw a JavaScript error).

4) You do not need onload events anywhere in the page, except in the
<body> tag.
In particular, the onload event in the "hide" layer is not necessary.

5) The change property behaviours in the Products layer should be
removed.

6) There should be a behaviour applied to the "hide" image that hides
the products leaf, then another to hide the "hide" layer. Instead
you have behaviours that show the (already visible) "hide" layer, and
the main menu - which never gets hidden anyway.

My menu at www.rxs-enterprises.org/_borders/globalnav.htm is loosely
based on Jim Buyen's tutorial. However the code has been considerably
tweaked so trying to follow it may confuse rather than help. Also
look at Jon Spivey's menu at
http://myweb.tiscali.co.uk/jonspivey/menus/index.html , which is
easier to implement.
 
G

Guest

Thanks Ron that is just fantastic and locally I have created and am now using
a DWP. I cannot seem to get the hide layer(now with transparent .gif) to act
on a behaviour of a mouseover though - why is this?
When I select the layer either through the quick tag or by clicking the
actual layer in design mode the option of insert in behaviours is grayed out
if I select the <div> tag. How do I get this to act on mouseover.
Once again many thanks for your help
 
J

Jon Spivey

Hi,

You need to apply the behavior to the gif in the layer - not to the layer
itself.
 
G

Guest

Thanks Jon but when I set the behaviour up I don't get the option of on
mouseover if I apply the behaviour to the <img> tag.Is this the right one or
am I doing something totally wrong here?
Could you talk me through how I set the behaviour to apply to the .gif
 
J

Jon Spivey

Hi Craig,

Click the image hit CTRL + K to hyperlink it type "javascript:;" - no
quotes - into the box now in the tag selector chose the <a> tag you just
created and apply the behavior to it.

Having said this I don't use this method for making menus any more, it works
fine but it's a bit laborious, here's an example of an easier way
http://www.heresyourbook.com/menu2.htm

No transparent gif needed - if you look at the code you should see how it
works. I've got a behavior to automate the job - give me a few hours and
I'll get it up on the web.
 
G

Guest

Thanks Jon
OK I'll stick to one step at a time it is easier for me to pick up and maybe
one day well who knows.How do you set the behaviour Jon as I've now tried
various settings and none have hidden the menu leaf
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

drop down menu 3
What is a Hyperlink that does nothing 7
menu drop down list 1
Using Drop down menu bars effeciently Frontpage 2003 1
Drop down menu question from a novice 3
Drop Down Menu (Form) Help 3
drop down menu on interactive buttons 1
Drop down menu (form) 5

Top