Maybe it is very simple but I can not find the solution.

I want to change the z-index of the ddblock.

Here is part of the html generated:

<div class="slide clear-block border" style="position: absolute; top: 0pt; left: 0pt; z-index: 5; opacity: 1; display: block; width: 478px; height: 303px;">
        <div class="slide-inner clear-block border">
         <img height="303" width="404" title="" alt="Test news 2" src="http://localhost/drupal/sites/default/files/imagecache/test/PC300110.JPG"/>         <div class="slide-text slide-text-horizontal slide-text-bottom clear-block border" style="">
          <div class="slide-text-inner clear-block border">
           <div class="slide-title slide-title-horizontal clear-block border">
            <div class="slide-title-inner clear-block border">
             <h2>Test news 2</h2>

The z-index is set inline so it is not from a css file. Where are these values taken from?

Than you in advance.

Comments

ppblaauw’s picture

ppblaauw commented
Status: Active » Postponed (maintainer needs more info)

The z-index setting comes from the jcycle plugin used for the effects.

What do you want to accomplish?
What issues do you have?

Maybe there are other solutions then changing the z-index of ddblock.
Please explain and maybe I can help.

otinanism’s picture

otinanism commented

Thank you for the reply. I am using Nice Menus module and when a menu expands they go under the ddblock. I read somewhere that it is due to z-index, and when changing z-index of the div shown in my previous post to 0 (through firebug in firefox), it seems to work correctly. Any advice will be appreciated.

ppblaauw’s picture

ppblaauw commented
Status: Postponed (maintainer needs more info) » Active

You can add a z-index to nice-menus CSS. I did that in an install with nice menus. and ddblock (same issue)
The z-index needs to be bigger then the amount of slides you use in the slideshow.

Will add more information later where to add exactly later.

ppblaauw’s picture

ppblaauw commented
Status: Active » Needs review

When you add a z-index as follows:

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #ccc;
  z-index:10;
}

Nice menus will overlap the slides, if you don't have more then 10 slides.

Hope this helps you further, please let me know.

otinanism’s picture

otinanism commented

Thank you for your answer.

This did not work for me though. The menu is still behind the ddblock and I only have 5 slides. For some reason, only when I change the z-index of the ddblock (through firebug) then the menu overlaps the slides. I must note here that I am testing this in Firefox, I don't know if it matters.

ppblaauw’s picture

ppblaauw commented
Status: Needs review » Fixed

Adding solution that worked (from e-mail correspondence.)

you could try add z-index:0 in the ddblock theme CSS as below

div.ddblock-cycle-upright20 div.slider-inner {
background:transparent url(../images/transparent_bg.png) repeat scroll 0 0 !important;
height:303px;
overflow:hidden;
position:relative;
visibility:hidden;
z-index:0;
}

Hope this helps you further, please let me know.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

clayhaus’s picture

clayhaus commented

It is not clear to me where and in what file I should be adding a "z-index:0;" Is this to be added to the ddblock.css file or to one of the .js files? I have looked in all of them and nothing is obvious. Thanks in advance for your help.

ppblaauw’s picture

ppblaauw commented
Status: Closed (fixed) » Postponed (maintainer needs more info)

#8
Are you using the basic options of the ddblock module or the advanced options with slideshow themes?
What is your issue?
Do you have a link to your Internet site?

clayhaus’s picture

clayhaus commented

Hi, basic options and the issue is that the Nice menus are behind the DDBlock. The fix seems to be z-index:0 parameter, but I'm not quite sure where it is supposed to go. The site as live at http://eutahproject.org/

thanks in advance for your help

ppblaauw’s picture

ppblaauw commented

You can adjust the z-index to a value bigger then the amount of slides in:

http://eutahproject.org/themes/cti_flex/css/navigation.css

#suckerfishmenu ul.menu {
display: inline;
list-style: none;
margin: 0px;
padding: 0px;
z-index: 10;
}

I changed it from 3 to 10

Hope this helps you further, please let me know.

clayhaus’s picture

clayhaus commented

well, that worked like a charm! Thanks much for your help. I had no idea that I should have been working with the theme navigation css file. thanks again!

ppblaauw’s picture

ppblaauw commented
Title: How to change z-index in ddblock » How to change z-index in ddblock (Fixed)
Status: Postponed (maintainer needs more info) » Closed (fixed)

Set status back to closed

benstallings’s picture

benstallings commented
Version: 6.x-1.0-rc6 » 7.x-1.0-rc1

Using the Drupal 7 version, the solution in #11 did not work for me. I had to use the solution alluded to in #6. Through trial and error I found that if I assigned z-index=0 to the block ID, in my case #block-ddblock-1, that fixed the problem. I hope this helps someone. Thank you to all those who posted above!

reprabowo’s picture

reprabowo commented
Version: 7.x-1.0-rc1 » 6.x-1.0-rc6

I have the primary menu links z-index 999 but still the dropdown menu behind the DDB.
Any help or suggestion?

http://bio.unsoed.ac.id/

Many thanks in advance.

ppblaauw’s picture

ppblaauw commented
Version: 6.x-1.0-rc6 » 7.x-1.0

#15
I don't think it has something to do with the ddblock slideshow.
If I set the slideshow wrapper (id="ja-slideshow") to display:none in your site the menu still does not show up on the homepage.

reprabowo’s picture

reprabowo commented

Thank you ppblaaw the menu works well in all pages except in front page right after I configure DDB. I will check again.

reprabowo’s picture

reprabowo commented

ppblaaw here the result; in the front page when I deactivated the block of DDB the dropdown menu appear.

ppblaauw’s picture

ppblaauw commented

I had a look at the site and see the ddblock there.
Could you disable it for a moment?

ppblaauw’s picture

ppblaauw commented

The issue is probably not with the z-index, but with the javascript errors on the homepage:

Uncaught TypeError: Property 'jswing' of object #<Object> is not a function

I see this error on the homepage when hovering the menu.
It does not show up hovering the menu in the other pages.

reprabowo’s picture

reprabowo commented

I am sorry ppblaauw I was away for a week, I have disabled the ddb block and the drop down menu show up.