Menu Layer over Photoslide problem

The Moment professional and unique design Joomla template support forum.
GK User
Wed Feb 24, 2010 3:48 pm
Hello.

I'm setting up the new site at http://www.cm-santacombadao.pt/index.php with joomla 1.5.15 and photoslide gk3

The problem is with the submenu items that are in the 6th main menu item called CONHECER SANTA COMBA DAO. When the mouse goes behind the photoslide text area, the menu disappears.

How to solve it?

Thanks,
Miguel
User avatar
Fresh Boarder

GK User
Fri Feb 26, 2010 9:28 am
file gk_stuff.css - please change z-index to 48 for selector:
Code: Select all
.gk_is_wrapper-style1 .gk_is_text_bg
User avatar
Administrator

GK User
Fri Feb 26, 2010 11:15 am
Solved!

Many thanks.
User avatar
Fresh Boarder

GK User
Mon Mar 01, 2010 3:35 am
Well, it's not solved!

The submenu is over the text layer of Photoslide but it disappears when the mouse is over it.

What's the next step??? :(
User avatar
Fresh Boarder

teitbite
Mon Mar 01, 2010 8:01 pm
Hi

I do not know what was the problem previously, but as I change the z-index to 9 look fine to me.
User avatar
Moderator

GK User
Wed Mar 03, 2010 1:36 am
Hello.

Well, i changes the z-index to 9 but in the .gk_is_wrapper-style1 .gk_is_text property.

so the code changes to:

Code: Select all
.gk_is_wrapper-style1 .gk_is_text_bg{
   position: absolute;
   width: 100%;
   z-index: 48;
}
.gk_is_wrapper-style1 .gk_is_text{
   width: auto;
   position: absolute;
   z-index: 9;
   color: #fff;
}



Still remains one problem that i detect with the ALT TEXT hover the thumbnails. The text is shown behind the thumbnails images and i think that it's a similar problem.

Could you fix it?
User avatar
Fresh Boarder

teitbite
Wed Mar 03, 2010 6:54 pm
Hi

Please add

Code: Select all
z-index:100;


to class

Code: Select all
.is_style1-tip {


in http://www.cm-santacombadao.pt/modules/ ... style1.css
User avatar
Moderator

GK User
Thu Jul 22, 2010 3:54 pm
Hello.

I still have a problem with submenu items.

when i have the mouse over the sub-menu item and if that item is over the right slideshow area (with the title and description text) it has 2 things that i'd like to correct:

1. the sub-menu mantains transparent and is confusing because is over the text
2. if the mouse is over the sub-menu item and the cursor is still over the menu but slides over the text area, the menu disapear.

I tried to change the code:
Code: Select all
.gk_is_wrapper-style1 .gk_is_text_bg{
position: absolute;
width: 100%;
z-index: 48;
}


to
Code: Select all
.gk_is_wrapper-style1 .gk_is_text_bg{
position: absolute;
width: 100%;
z-index: 9;
}


because the z-index of the suckerfish.css if i'm not wrong.


However, analyzing the webpage with firebug, it seems that this settings are overruled by an inline style on the
Code: Select all
<div class="gk_is_text" style="height:100%; right: 0pt; top: 0pt; width: 300px; z-index: 100;">


I think that is the cause (z-index: 100;) but i can't found the file or the script to correct this... any idea?
User avatar
Fresh Boarder

teitbite
Tue Jul 27, 2010 12:07 pm
Hi

Try to add this at the end of template.css file:

Code: Select all
div#menu {
position:relative;
z-index:10000;
}
User avatar
Moderator

GK User
Thu Jul 29, 2010 4:14 pm
Hello.

I think it's solved. I added the code and it works!


Thanks,
Miguel.
User avatar
Fresh Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.