1 Topic by abcleah (edited by abcleah 2012-10-19 19:49:04)

  • Registered: 2012-10-19
  • Posts: 3

Topic: Spry Menu Bar & Juicebox

Hi-

I'm having some difficulty with embedding my juicebox into my website.

www.leahjohnston.com/photography.php

At first blush, everything looks great! The photos are coming up perfectly and all the buttons are functional.

The problem for me is that my dreamweaver spry menu bar drop down buttons no longer work because they are now overlapping the the juicebox. So when you hover over 'projects' the 'American Dollhouse' button can't be clicked.

Is there a piece of code that I could add to make both function properly?

It's so painfully close to being perfect that I don't want to have to rearrange the entire website to accomodate the glitch.

** Please observe that in the old version of simple viewer this was not a problem: http://www.leahjohnston.com/photography5.php **

Thank-you!
Leah

  • Registered: 2012-04-24
  • Posts: 5,924

Re: Spry Menu Bar & Juicebox

Try giving your <div class="menu"> a high 'z-index' value via CSS so that it is stacked on top of all other HTML elements on your web page (including your Juicebox glalery).
Try adding the following code to the CSS section in the <head> of your web page:

.menu {
    z-index: 9999;
}
  • Registered: 2012-10-19
  • Posts: 3

Re: Spry Menu Bar & Juicebox

Worked like a charm! Thanks!!! :D