Menu Behind Slider

My drop down menu of my navigation bar keeps going behind my slider and now people can't see the drop down menu because it is hidden.

Here's my site http://michiganloanmodification.net

also Here is a thumbnail of what it looks like...

 

You'll need to set the wmode property to opaque. It'd work fine then.

 

Where would I find the wmode property so I can change it??

 

Well, how to do it truly depends on how you've embed flash - But to give you a general idea. Below is an embed code, and see how the wmode property used in a param, use the same way. If that doesn't work, instead of using transparent as property value, use opaque.

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="300" HEIGHT="240" CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0"> 
<PARAM NAME="MOVIE" VALUE="Untitled-1.swf"> 
<PARAM NAME="PLAY" VALUE="true"> 
<PARAM NAME="LOOP" VALUE="true"> 
<PARAM NAME="WMODE" VALUE="transparent"> 
<PARAM NAME="QUALITY" VALUE="high"> 
<EMBED SRC="Untitled-1.swf" WIDTH="300" HEIGHT="240" PLAY="true" LOOP="true" WMODE="transparent" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> 
</EMBED> 
</OBJECT> 

Code (markup):

 

Well here is the code that is currently in the header..

var simpleGallery_navpanel={
	panel: {height:'60px', opacity:0.6, paddingTop:'5px', fontStyle:'0 Arial', lineHeight:'0'}, //customize nav panel container
	images: [ 'http://michiganloanmodification.net/images/back.png', 'http://michiganloanmodification.net/images/play.png', 'http://michiganloanmodification.net/images/next.png', 'http://michiganloanmodification.net/images/pause.png'], //nav panel images (in that order)
	imageSpacing: {offsetTop:[5, 8, 5], spacing:6}, //top offset of left, play, and right images, PLUS spacing between the 3 images
	slideduration: 500 //duration of slide up animation to reveal panel
}

var mygallery=new simpleGallery({
    wrapperid: "simplegallery1", //ID of main gallery container,
    dimensions: [282, 228], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
    imagearray: [
        ["http://michiganloanmodification.net/wp-content/uploads/2010/05/join-loan-safe.gif" , "", "", "First para will go here. First Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg2.jpg", "", "", "Second line will go here. Second Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg3.jpg", "", "", "Third line will go here. Third Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg4.jpg", "", "", "Fourth line will go here. Fourth Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg5.jpg", "", "", "Fifth line will go here. Fifth Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg6.jpg", "", "", "Sixth line will go here. Sixth Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg7.jpg", "", "", "Seventh line will go here. Seventh Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg8.jpg", "", "", "Eighth line will go here. Eighth Para will go here."],
        ["<?php bloginfo('template_url'); ?>/images/joinImg9.jpg", "", "", "Nineth line will go here. Nineth Para will go here."]
    ],
    autoplay: [true, 5000, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 500, //transition duration (milliseconds)
    oninit:function(){ //event that fires when gallery has initialized/ ready to run
        //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
    },
    onslide:function(curslide, i){ //event that fires after each slide is shown
        //Keyword "this": references current gallery instance
        //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
        //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)

Code (markup):

I use a div to place the slider within my theme.

Also how could I link these images to pages?

 

In your case, you can easily give a z-index instead.

Simply use a css property namely

z-index: 0;

in your simplegallery1 id css declaration.

That will hopefully solve the issue.

 

Hey thanks buddy that worked perfect. I knew it was a z-index fix I just wasn't sure where to place it.

Any ideas about linking those images to a pages?

I tried this and it worked for the first slide but i didn't work for the other slides...

["<?php bloginfo('template_url'); ?>/images/joinImg2.jpg", "URL-HERE", "", "Second line will go here. Second Para will go here."],

Code (markup):