Layers hiding Javascript Menus

Ask a Question related to Macromedia Dynamic HTML, Design and Development.

  1. #1

    Default Layers hiding Javascript Menus

    I am using layers for an "onclick" photo album with click activated thumbnails
    displaying the images in a main viewing window. However, I also have a
    Javascript navigation menu with drop down options that are now hidden behind
    the main viewing window for the photo album. I'm not sure how to change either
    the CSS or Javascript variables to bring the navigation menus to the top of the
    page. Please help!

    [url]http://www.centerpointtallahassee.com[/url]

    Kelind Guest

  2. Similar Questions and Discussions

    1. Showing/hiding text through javascript
      There's a text where the user wants to show only when he hit a hotkey (F9 or Ctrl+j an example) but this PDF file will be created by VBA...
    2. layer hiding pull down menus
      I have created this beautiful template for a future shopping cart. I created the top and side menu in Fireworks MX, in fact, almost the whole page...
    3. Layers problem with java pop-up menus
      I am following an online tutorial: http://www.creativepro.com/story/feature/17898-2.html When I get to this part, the sentence that I have bolded...
    4. Using popup menus and layers with in a web site
      When ever I use popup menus and layers together the popup menu does not work. If I use popup menus on an image that is in a table only it works. ...
    5. layers with menus
      Hey guys I am trying to figure out layers for the first time and I am not to great with HTML yet but I was curious if any one had some easy steps on...
  3. #2

    Default Re: Layers hiding Javascript Menus

    I had the same sort of problem. I put the menu and the content - in my case a
    flash movie - on seperate layers and then gave each a different z-index
    (visibility order). I gave the menu a higher number than the content. It
    works just fine. Also, there are several references in Dreamweaver Help on
    using the z-index .
    Hope this helps.
    stmark

    St.Mark Guest

  4. #3

    Default Re: Layers hiding Javascript Menus

    Flash is unaffected by z-indices. See here -

    [url]http://www.murraytestsite.com/flash-layer.html[/url]

    You must be mistaken.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "St.Mark" <webforumsuser@macromedia.com> wrote in message
    news:e2av9u$1j1$1@forums.macromedia.com...
    >I had the same sort of problem. I put the menu and the content - in my
    >case a
    > flash movie - on seperate layers and then gave each a different z-index
    > (visibility order). I gave the menu a higher number than the content. It
    > works just fine. Also, there are several references in Dreamweaver Help
    > on
    > using the z-index .
    > Hope this helps.
    > stmark
    >

    Murray *ACE* Guest

  5. #4

    Default Re: Layers hiding Javascript Menus

    Murray,
    I have been known to be mistaken - more than once actually.
    I did get a javascript menu to work over a swf. I have a sample at:
    [url]http://stmark.cat4.net/MenuTest/Untitled-2.html[/url] .
    I don't know if it works on Macs, but on all else it's fine. I don't know why
    it works either. I was having trouble and changed the z-index and added the
    wmode=transparent to the params and the embed tag. It didn't work that well in
    Mozilla without the second wmode tag.
    Kelind wasn't putting his menu over a .swf just an img tag, so I thought the
    same method would work.
    Cheers,
    Stmark

    St.Mark Guest

  6. #5

    Default Re: Layers hiding Javascript Menus

    Did you look at the page I posted? Does that convince you that if your
    method happened to work it was not because of adjusting z-index? In fact
    that is the case. You are not using layers on that menu. Your only layer
    is the one that contains the Flash text.

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "St.Mark" <webforumsuser@macromedia.com> wrote in message
    news:e2e3nk$p95$1@forums.macromedia.com...
    > Murray,
    > I have been known to be mistaken - more than once actually.
    > I did get a javascript menu to work over a swf. I have a sample at:
    > [url]http://stmark.cat4.net/MenuTest/Untitled-2.html[/url] .
    > I don't know if it works on Macs, but on all else it's fine. I don't know
    > why
    > it works either. I was having trouble and changed the z-index and added
    > the
    > wmode=transparent to the params and the embed tag. It didn't work that
    > well in
    > Mozilla without the second wmode tag.
    > Kelind wasn't putting his menu over a .swf just an img tag, so I thought
    > the
    > same method would work.
    > Cheers,
    > Stmark
    >

    Murray *ACE* Guest

  7. #6

    Default Re: Layers hiding Javascript Menus

    Murray,
    I did look at your page. Like I said "I don't know why it works". I don't
    know how electicy works either. I just accept the fact it does. There are
    actually 4 layers on the page - Layer1- t5n- and 3 "unnamed" layers that are
    used by the css in the menu. Thus, I was able to set their z-index in
    Dreamweaver. I'm obviously not a coder. The menu css and javascript are ones
    I've modified from downloads. I've just tweaked them a bit to get them to work
    in vaious browsers. Take a look at the css file if you like. Or, I'd be glad
    to send you the entire file. Maybe, as an expert, you can figure out the "why"
    of it. Then perhaps you could post a viable workaround for the many questions
    on this topic I've run across lately.
    Thanks,
    stmark

    St.Mark Guest

  8. #7

    Default Re: Layers hiding Javascript Menus

    You're trying to trick me -

    <param name="wmode" value="transparent">

    You have already set the Flash to transparent background. Remove that from
    your code, and try using z-index to change the appearance....

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "St.Mark" <webforumsuser@macromedia.com> wrote in message
    news:e2e9bf$281$1@forums.macromedia.com...
    > Murray,
    > I did look at your page. Like I said "I don't know why it works". I don't
    > know how electicy works either. I just accept the fact it does. There
    > are
    > actually 4 layers on the page - Layer1- t5n- and 3 "unnamed" layers that
    > are
    > used by the css in the menu. Thus, I was able to set their z-index in
    > Dreamweaver. I'm obviously not a coder. The menu css and javascript are
    > ones
    > I've modified from downloads. I've just tweaked them a bit to get them to
    > work
    > in vaious browsers. Take a look at the css file if you like. Or, I'd be
    > glad
    > to send you the entire file. Maybe, as an expert, you can figure out the
    > "why"
    > of it. Then perhaps you could post a viable workaround for the many
    > questions
    > on this topic I've run across lately.
    > Thanks,
    > stmark
    >

    Murray *ACE* Guest

  9. #8

    Default Re: Layers hiding Javascript Menus

    Sorry, Not trying to trick anything but the browsers into displaying the menus
    on top of flash. You are correct, of course, about the strict interpretation
    of the z-index rules. I didn't doubt that. But, all I'm saying is that the
    "one-two punch" of the z-index ordering and setting the wmode to transparent
    seems to work. That's what I'm mainly interested in. I just stumbled across
    the solution and thought I'd pass it on.
    Thanks for the insight.
    stmark

    St.Mark Guest

  10. #9

    Default Re: Layers hiding Javascript Menus

    Set the wmode to transparent and you will find it works regardless of the
    z-index setting. That's my point.

    And I didn't really mean that you were trying to trick me! 8)

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    [url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
    [url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
    [url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
    ==================


    "St.Mark" <webforumsuser@macromedia.com> wrote in message
    news:e2g6vg$aje$1@forums.macromedia.com...
    > Sorry, Not trying to trick anything but the browsers into displaying the
    > menus
    > on top of flash. You are correct, of course, about the strict
    > interpretation
    > of the z-index rules. I didn't doubt that. But, all I'm saying is that
    > the
    > "one-two punch" of the z-index ordering and setting the wmode to
    > transparent
    > seems to work. That's what I'm mainly interested in. I just stumbled
    > across
    > the solution and thought I'd pass it on.
    > Thanks for the insight.
    > stmark
    >

    Murray *ACE* Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139