10 Replies Latest reply on May 8, 2006 12:03 PM by bigj99012

    Menus over top of flash - How does Adobe do it?

    bigj99012
      Anytime I've tried to place a fly out menu above or beside a flash movie the flash movie ends up covering the sub menu. Notice on the Adobe Homepage they have drop down menus above a flash movie and the subs appear on top of the flash. Can anyone offer some insight on how this is done?

      Thanks
      Jeremy
        • 1. Re: Menus over top of flash - How does Adobe do it?
          Level 7
          Probably with a higher z-index. Read about the z-index property of CSS
          here:

          http://www.w3schools.com/css/pr_pos_z-index.asp


          --
          Nancy Gill
          Adobe Community Expert
          BLOG: http://www.dmxwishes.com/blog.asp
          Author: Dreamweaver 8 e-book for the DMX Zone
          Co-Author: Dreamweaver MX: Instant Troubleshooter (August, 2003)
          Technical Editor: DMX 2004: The Complete Reference, DMX 2004: A Beginner's
          Guide, Mastering Macromedia Contribute
          Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP Web Development


          "bigj99012" <webforumsuser@macromedia.com> wrote in message
          news:e3nq1d$sh3$1@forums.macromedia.com...
          > Anytime I've tried to place a fly out menu above or beside a flash movie
          > the
          > flash movie ends up covering the sub menu. Notice on the Adobe Homepage
          > they
          > have drop down menus above a flash movie and the subs appear on top of the
          > flash. Can anyone offer some insight on how this is done?
          >
          > Thanks
          > Jeremy
          >


          • 2. Re: Menus over top of flash - How does Adobe do it?
            Level 7
            Definitely not. z-index cannot affect your ability to put something on top
            of Active content.

            All Active content on a page will always rise to the top, so to speak,
            including Flash, certain form elements, Java applets, and Active X controls.
            This means that each of these will poke through layers. There is not a good
            cross-browser/platform reliable way to solve this issue, but if you can be
            confident in your visitors using IE 5+ or NN6+, then you can use the Flash
            wmode parameter.

            MM articles:
            http://www.macromedia.com/support/flash/ts/documents/flash_top_layer.htm
            http://www.macromedia.com/support/flash/ts/documents/wmode.htm

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


            "Nancy *ACE*" <nancy@webwish.com> wrote in message
            news:e3nq92$spk$1@forums.macromedia.com...
            > Probably with a higher z-index. Read about the z-index property of CSS
            > here:
            >
            > http://www.w3schools.com/css/pr_pos_z-index.asp
            >
            >
            > --
            > Nancy Gill
            > Adobe Community Expert
            > BLOG: http://www.dmxwishes.com/blog.asp
            > Author: Dreamweaver 8 e-book for the DMX Zone
            > Co-Author: Dreamweaver MX: Instant Troubleshooter (August, 2003)
            > Technical Editor: DMX 2004: The Complete Reference, DMX 2004: A
            > Beginner's
            > Guide, Mastering Macromedia Contribute
            > Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP Web
            > Development
            >
            >
            > "bigj99012" <webforumsuser@macromedia.com> wrote in message
            > news:e3nq1d$sh3$1@forums.macromedia.com...
            >> Anytime I've tried to place a fly out menu above or beside a flash movie
            >> the
            >> flash movie ends up covering the sub menu. Notice on the Adobe Homepage
            >> they
            >> have drop down menus above a flash movie and the subs appear on top of
            >> the
            >> flash. Can anyone offer some insight on how this is done?
            >>
            >> Thanks
            >> Jeremy
            >>
            >
            >


            • 3. Re: Menus over top of flash - How does Adobe do it?
              Level 7
              "Nancy *ACE*" <nancy@webwish.com> wrote in message
              news:e3nq92$spk$1@forums.macromedia.com...
              > Probably with a higher z-index. Read about the z-index property of
              > CSS here:

              Won't work.

              Adobe uses a few tricks. You can see what's happening by looking at the
              page in a browser that does not support wmode, like Safari.


              --
              Al Sparber
              PVII
              http://www.projectseven.com

              "Designing with CSS is sometimes like barreling down a crumbling
              mountain road at 90 miles per hour secure in the knowledge that repairs
              are scheduled for next Tuesday".





              • 4. Re: Menus over top of flash - How does Adobe do it?
                Level 7

                Ah .. I knew this re: forms .. didn't realize it applied to Flash. Thanks!

                "Murray *ACE*" <forums@HAHAgreat-web-sights.com> wrote in message
                news:e3nqbt$t0g$1@forums.macromedia.com...
                > Definitely not. z-index cannot affect your ability to put something on
                > top of Active content.
                >
                > All Active content on a page will always rise to the top, so to speak,
                > including Flash, certain form elements, Java applets, and Active X
                > controls.
                > This means that each of these will poke through layers. There is not a
                > good
                > cross-browser/platform reliable way to solve this issue, but if you can be
                > confident in your visitors using IE 5+ or NN6+, then you can use the Flash
                > wmode parameter.
                >
                > MM articles:
                > http://www.macromedia.com/support/flash/ts/documents/flash_top_layer.htm
                > http://www.macromedia.com/support/flash/ts/documents/wmode.htm
                >
                > --
                > Murray --- ICQ 71997575
                > Adobe Community Expert
                > (If you *MUST* email me, don't LAUGH when you do so!)
                > ==================
                > http://www.dreamweavermx-templates.com - Template Triage!
                > http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
                > http://www.dwfaq.com - DW FAQs, Tutorials & Resources
                > http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
                > ==================
                >
                >
                > "Nancy *ACE*" <nancy@webwish.com> wrote in message
                > news:e3nq92$spk$1@forums.macromedia.com...
                >> Probably with a higher z-index. Read about the z-index property of CSS
                >> here:
                >>
                >> http://www.w3schools.com/css/pr_pos_z-index.asp
                >>
                >>
                >> --
                >> Nancy Gill
                >> Adobe Community Expert
                >> BLOG: http://www.dmxwishes.com/blog.asp
                >> Author: Dreamweaver 8 e-book for the DMX Zone
                >> Co-Author: Dreamweaver MX: Instant Troubleshooter (August, 2003)
                >> Technical Editor: DMX 2004: The Complete Reference, DMX 2004: A
                >> Beginner's
                >> Guide, Mastering Macromedia Contribute
                >> Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP Web
                >> Development
                >>
                >>
                >> "bigj99012" <webforumsuser@macromedia.com> wrote in message
                >> news:e3nq1d$sh3$1@forums.macromedia.com...
                >>> Anytime I've tried to place a fly out menu above or beside a flash movie
                >>> the
                >>> flash movie ends up covering the sub menu. Notice on the Adobe Homepage
                >>> they
                >>> have drop down menus above a flash movie and the subs appear on top of
                >>> the
                >>> flash. Can anyone offer some insight on how this is done?
                >>>
                >>> Thanks
                >>> Jeremy
                >>>
                >>
                >>
                >
                >


                • 5. Re: Menus over top of flash - How does Adobe do it?
                  Level 7
                  Yep.... 8)

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


                  "Nancy *ACE*" <nancy@webwish.com> wrote in message
                  news:e3nql8$2i$1@forums.macromedia.com...
                  >
                  > Ah .. I knew this re: forms .. didn't realize it applied to Flash.
                  > Thanks!
                  >


                  • 6. Re: Menus over top of flash - How does Adobe do it?
                    Level 7
                    Al Sparber- PVII wrote:

                    > Adobe uses a few tricks. You can see what's happening by looking at the
                    > page in a browser that does not support wmode, like Safari.

                    Works perfectly here in Safari 1.3.2.

                    --
                    James M. Shook
                    http://www.jshook.com
                    • 7. Re: Menus over top of flash - How does Adobe do it?
                      Level 7
                      "James Shook" <jshook@dont_mail.com> wrote in message
                      news:e3o1jc$81j$2@forums.macromedia.com...
                      > Al Sparber- PVII wrote:
                      >
                      >> Adobe uses a few tricks. You can see what's happening by looking at
                      >> the page in a browser that does not support wmode, like Safari.
                      >
                      > Works perfectly here in Safari 1.3.2.

                      Mouse up and down the popup sub-menus. The "flashing" you see is the
                      broken wmode. On the old adobe site, they played a trick. When a
                      sub-menu was revealed, the Flash movie was replaced with a JPEG that
                      looked like the move. No more tricks, so the broken implementation is
                      clearly visible.


                      --
                      Al Sparber
                      PVII
                      http://www.projectseven.com

                      "Designing with CSS is sometimes like barreling down a crumbling
                      mountain road at 90 miles per hour secure in the knowledge that repairs
                      are scheduled for next Tuesday".





                      • 8. Re: Menus over top of flash - How does Adobe do it?
                        Level 7
                        Al Sparber- PVII wrote:

                        > Mouse up and down the popup sub-menus. The "flashing" you see is the
                        > broken wmode. On the old adobe site, they played a trick. When a
                        > sub-menu was revealed, the Flash movie was replaced with a JPEG that
                        > looked like the move. No more tricks, so the broken implementation is
                        > clearly visible.

                        Oh, yes--now I see. What a nightmare that must be to create and
                        maintain. Not to mention use.

                        --
                        James M. Shook
                        http://www.jshook.com
                        • 9. Re: Menus over top of flash - How does Adobe do it?
                          Level 7
                          "James Shook" <jshook@dont_mail.com> wrote in message
                          news:e3o26b$a22$1@forums.macromedia.com...
                          > Al Sparber- PVII wrote:
                          >
                          >> Mouse up and down the popup sub-menus. The "flashing" you see is the
                          >> broken wmode. On the old adobe site, they played a trick. When a
                          >> sub-menu was revealed, the Flash movie was replaced with a JPEG that
                          >> looked like the move. No more tricks, so the broken implementation is
                          >> clearly visible.
                          >
                          > Oh, yes--now I see. What a nightmare that must be to create and
                          > maintain. Not to mention use.

                          A Macromedia engineer told me, over a year ago, that they had filed a
                          bug report with Apple. Apparently it's not a priority.


                          --
                          Al Sparber
                          PVII
                          http://www.projectseven.com

                          "Designing with CSS is sometimes like barreling down a crumbling
                          mountain road at 90 miles per hour secure in the knowledge that repairs
                          are scheduled for next Tuesday".





                          • 10. Re: Menus over top of flash - How does Adobe do it?
                            bigj99012 Level 1
                            Interesting. I just check it out with Opera 8.53 and the dropdown menus appear to not work at all.

                            Thanks for the input