Grow your CSS skills. Land your dream job.

Navi is going behind flash

  • # November 16, 2009 at 9:43 am

    I have researched this problem and found that it is a common problem that people often have but I cannot seem to find the answer. I am extreamly new at this. The following code is being used when I embed the flash:

    <code>
    <script type="text/javascript">
    AC_FL_RunContent( ‘codebase’,’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,’635′,’height’,’353′,’src’,’flash/slide’,’quality’,’high’,’pluginspage’,’http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,’movie’,’flash/slide’ ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0&quot; width="635" height="353">
    <param name="movie" value="flash/slide.swf" />
    <param name="quality" value="high" />
    <embed src="flash/slide.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&quot; type="application/x-shockwave-flash" width="635" height="353" wmode=”transparent"></embed>
    </object></noscript>
    </code>

    I was told to add wmode=”transparent" which I did as indicated above. I was also found out that I may need to do something with z-index in my css but when I attempted to do this it did not work either. I was wondering if there is something I am missing. From what I heard this should be an easy fix but I am having trouble figuring out what is wrong. Any help would be most appriciated. Thank you

    # November 16, 2009 at 9:52 am

    For WMODE to work properly, you also need to add another parameter.

    Code:
    # November 16, 2009 at 11:21 am

    Thank you for the quick response. I entered the code but it is still going behind the flash. I don’t understand why. The following is my updated code:

    <code>
    <script type="text/javascript">
    AC_FL_RunContent( ‘codebase’,’http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,’635′,’height’,’353′,’src’,’flash/slide’,’quality’,’high’,’pluginspage’,’http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash’,’movie’,’flash/slide’ ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0&quot; width="635" height="353">
    <param name="movie" value="flash/slide.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent">
    <embed src="flash/slide.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&quot; type="application/x-shockwave-flash" width="635" height="353" wmode="transparent"></embed>
    </object></noscript>
    </code>

    The site is not live yet. So really don’t have a url to give you even though I know showing you would be the best thing I can do.

    MJK
    # November 16, 2009 at 11:48 am

    Can you upload to a test folder or submit a screenshot so we could see it in action?

    # November 16, 2009 at 12:21 pm

    To begin with you should really be embedding flash with something like http://code.google.com/p/swfobject/ or http://flowplayer.org/tools/demos/flashembed/index.html
    You say that you have tried to change the z-index, but you give no indication how you tried to achieve it. How are you positioning the swf on the page? How is the nav positioned? z-index only works on elements that are positioned relatively or absolutely.

    # November 16, 2009 at 2:44 pm

    I will try to set it up for you to view and get back to you on this tomorrow thanks again

    # November 17, 2009 at 9:48 am

    ok I have an IP address that I hope will work when you go to view it. As I said earlier I am new at this so please bear with me. The IP Address is:

    http://96.9.27.63/

    Hope that this works so that I can figure out why this is not working.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".