Slide Show Plugin Image Covers Dropdown Menu

[animally]

I am using the slide show plugin (v2.6.2) and when the slide show starts over (i.e., cycles through all the images and starts to display the first image again), the image is now in front of the drop down menu. When you refresh the page and have the plugin restart the slide show in the article, the drop down menu is over the top of the image as expected until it completes the first cycle of images.

Here's a screen shot illustrating the issue:



Any suggestions?

[Jan]

Hi, seems like template css z-index problem. Try to test your template and try to modify/add z-index rules to your template (into the menu section)

Jan

[animally]

Do you have an example of what the z-index rules might be you are referring to?

[Jan]

Hi, no I have no experiences with this, but try to search this forum for 'z-index' or Joomla.org forum. I think there are many guides ...

Jan

[animally]

I've tried adjusting the z-index in the template as well as wrap the plugin code in the article:

Code: Select all

<div style="z-index: -5;">
    <table align="center" border="0">
        <tbody>
            <tr>
                <td>{pgslideshow id=9|delay=4000}</td>
            </tr>
        </tbody>
    </table>
</div>

Eventually the dropdown menu gets covered by the slide show

[animally]

The positioning is fine when you first hit the page (i.e., the menu will drop down over the pictures). It's only after a while of cycling through the slide show does the menu eventually fall behind the pictures. BTW, this happens with Firefox, Safari, and IE so it's not browser specific.

[animally]

I have not gotten a solution yet. I thought there was a pattern on when it happens, but I don't think there is one. If you simply just leave the front page open and let the slide show continue for a while, eventually the menu gets covered.

The site location: http://www.premierehomeimprovement.com/

[flug12]

Hi!
I've still no solution to this problem.
Any new Ideas?

thx, best
flug

[Jan]

Hi, it is about z-index, just check your template for z-index and correct them.

Jan

[flug12]

Hi!
Thx Jan, I added the following into #topmenu li ul:

z-index:5;

great!

thank you!
best

Flug