WordPress.org

1. rockuall
   Member
   Posted 3 years ago #

   hi,
   my problem is, that if i add a gallery on a site, my navigation dropdown is behind the image that ist underneath it. which code should i use to get the gallery in front?

   thx

   marc

2. bee dudler
   Member
   Posted 3 years ago #

   Hi,
   did i get it right understanding you want the dropdown in front (of the slideshow or gallerythumbs)?
   This would be a question of higher z-value for your dropdowns css.
   Else post a link.

   best regards
   bee

3. rockuall
   Member
   Posted 3 years ago #

   ok i screwed up... you are right with your post :)
   i want the gallery behind the navigation... :)
   what should i do ?

4. bee dudler
   Member
   Posted 3 years ago #

   Hi,
   i dont know how your drop down list is done but there should be normally a css definition for that in your themes css for your dropdown menue, is there a z-index:100; for example in it, if so try a greater value than the one you find if not put e.g. z-index:20; there and increase the value step by step may that helps, but i really dont know for sure (i remember darkly of a similar issue long ago) so please tell me which theme you are using or is it a plugin for the menue and which one?

   best regards
   bee

5. rockuall
   Member
   Posted 3 years ago #

   hi,
   well the dropdown is the multi-level dropdown (suckerfish)
   i cant find a index in the css neither do i know where to put it :)

   another question would be: when i add the gallery in the sidebar it screws up my page, exactly the FOOTER it goes to the left....
   my sidebar has a 170px width, what might be the problem?

   thx

   marc

6. bee dudler
   Member
   Posted 3 years ago #

   Hi,
   something like that http://pixopoint.com/multi-level-navigation/
   ?
   Is there is something like #suckerfishnav ul { in it? then put z-index:9000; just behind that bracket and see what happens (that one is conflicting with z-index of overlay effect).

   The gallery or the widget? For the widget you can configure amount and size of the thumbs.

   best regards
   bee

7. amrensen
   Member
   Posted 2 years ago #

   Had a similar issue with my CSS drop down menu plotted behind the NextGen Gallery thumbnails. It took several days of troubleshooting before I figured out the following solution:

   .ngg-gallery-thumbnail {
   /* deleted the following line, as it caused the gallery thumbs to be printed over other content in IE6 and IE7 */
   /* position:relative; */
   float: left;
   margin-right: 5px; text-align: center;
   }

   .ngg-gallery-thumbnail img {
   background-color:#FFFFFF;
   border:1px solid #A9A9A9;
   display:block;
   margin:4px 0px 4px 5px;
   padding:4px;
   /* deleted the following line, as it caused the gallery thumbs to be printed over other content in IE6 and IE7 */
   /* position:relative; */
   }

   Hope this helps

8. Zoinks! Graphics
   Member
   Posted 2 years ago #

   Bueno! Thanks, amrensen, removing "position:relative" did the trick!!

Topic Closed

This topic has been closed to new replies.