I have used this jquery fading slide show successfully on several sites - jquery.cycle.lite.1.0.js. I have a dnn site with a solpartmenu that is falling behind the fading slideshow which is directly below it in the content pane (in firefox, not IE). Since this same js is used on another dnn site and works fine in firefox and IE, I believe it is a skin or css issue.

Any ideas?

Thanks

Chris Meyer

Yes. You will want to use the CSS attribute z-index for your menu (or at least the dropdowns) to make sure that these appear on top of the slideshow. This should be a fairly easy fix.

The techniques shown in the "Troubleshooting DotNetNuke Skins" tutorial should help you identify the CSS classes and/or Ids that need to be modified. Note that, since this tutorial was released, that both IE and Chrome have nice tools for exploring CSS and making changes in the browser. Once you have got the styles set as you need them, you can copy them and transfer them to your skin.css file.

If you can provide a url for your site, I can give you some more specific advice.

The url is http://hanover.cdmeyer.com. The issue appears in Firefox. I did try adding the z-index-"1000" to the skin.css in a number of places and it didn't work.

Thanks

Chris

It's interesting that it seems to be working ok in IE and Chrome, but failing in Firefox.

Try: #slideshow1{z-index:-1;}

Where would I put this line of code?

I just placed it in the skin's css and it worked. thanks a lot.

That is the best place to put it.