main menue in foreground while having image gallery

Just have this (from a bunch of) problems in my new Joomla 1.7.4 webpage.
I have installed Phoca gallery to present my photos.

Problem:
When I pick out the photo gallery all images are listed as configured. The problem starts when I pop up images. The main menue bar overlays the images. Normally the gallery darkens the background and all other parts of the webpage modules are no factor.

Nope! Only the main menue bar is remains as a rock.

Have you got any idea what to do?
To see my problem, please pick out 'FOTOGALERIE' from the top and pop up the image of your choice.

http://www.fitundfun24.de/jupgrade

regards,

uhecht

You will need to increase the z-index of the gallery popup or decrease the z-index of the menu. You can achieve that using your override.css file once you identify the id's and classes you want to change using firebug.

This is an example not a fix!
Something like this should allow you to drop the z-index of the menu.

Code: Select all

/* main menu class */
.gk-menu {
    z-index: 10001; /* lower the value here */
}
/* menu links class */
.gk-menu ul.level0 > li {
    z-index: 10001; /* lower the value here */
}


This will lower your menu to a position below the popup, but it could impact other parts of your site if there are elements with a higher z-index which overlay the position of the menu.

Code: Select all

#gkMainMenu {
z-index: 1008;
}


This will bring the popup above the menu layer and is probably the best long term solution.

Code: Select all

.highslide-container {
  z-index: 100000;
/* you can change this number for one with a lower value which remains above 10001 */
}