El menú se despliega atrás del video de Youtube AYUDA!

[Federic0]

Hola gente,

Tengo un problema. Cuando se despliega mi menú, los sub-menú aparecen detrás del video de Youtube que coloqué.

¿Alguien sabe como solucionarlo?

Les dejo el ejemplo:

http://www.quebebota.com/AlGallinero/prueba-pij.php

Un abrazo grande y gracias desde ya!

[gVenom]

creo que si le agregas un z-index:100; a tu lista de menu se soluciona:

Código css:

u {z-index:100}
 

[Federic0]

Lo debería agregar en la hoja de estilos, verdad?

Lo probé pero no funciona, quedaría así:

Código PHP:

  /* -------------------- HEADER / TOP MENU LAYOUT -------------------- */ 
 
 
#header .topmenu { float: left; width: 789px; margin: 0; padding: 0; background: #ffffff; color: #000000; display: inline; clear: both; } 
 
#header .topmenu #topmenuleft { float: left; width: 580px; padding: 0; } 
#header .topmenu #topmenuright { float: left; width: 189px; padding-left: 0; padding-top: 8px; list-style: none; display: inline; } 
 
 
/* -------------------- HEADER / NAV -------------------- */ 
 
 
#nav { background: #000000 url(bg-menu.png); font-size:10px; padding: 0; margin: 0; } 
#nav, #nav ul {    list-style: none; line-height: 2; } 
#nav li { float: left; list-style: none; border: 0px solid #000000; } 
#nav a, #nav a:visited { display: block; color: #FFF; padding: 5px 17px; } 
#nav a:hover, #nav a:active, .current_page_item    a, #home .on { display: block; background: #000000 url(bg-menu-on2.png); border: 0px solid #ffffff; text-decoration: none; }     
u {z-index:100} 
     
     
/* -------------------- HEADER / NAV - DROP DOWN -------------------- */ 
 
 
#nav li ul { position: absolute; left: -999em; height: auto; width: 170px; } 
#nav li li { width: 150px; background: #000000; } 
#nav li li a, #nav li li a:visited { font-weight: normal; color:#FFF; border: 1px solid #000000; } 
#nav li li a:hover, #nav li li a:active { border: 1px solid #000000; }     
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; margin-left: 0; padding-left: 0; } 
 
.clearfloat { display: inline-block; } 
.clearfloat { display: block;    } 
u {z-index:100}  
   

[gVenom]

perdona, fue un error mio, es ul no u

Código css:

ul {z-index:100}
 

[Federic0]

No hay caso, tampoco funciona

Buscando un poco encontré este post http://www.forosdelweb.com/f4/menu-j...player-663951/ , pero probé poniendo el video de youtube de este modo, agregandole <param name="wmode" value="transparent">

Código PHP:

  <object width="457" height="370">
                                <param name="movie" value="http://www.youtube.com/v/fXDhdbEs32k&hl=es&fs=1">
                                <param name="allowFullScreen" value="true">
                                <param name="wmode" value="transparent">
                                <param name="allowscriptaccess" value="always">
                                <embed src="http://www.youtube.com/v/fXDhdbEs32k&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="457" height="370"></embed>
                            </object>  
   

Y tampoco :S

[gVenom]

Bueno, no soy muy bueno con css. Veamos el flash, agregale este parametro al código que tienes en tu página:

Código HTML:

<param name="wmode" value="transparent" /> 

Y dentro de la etiqueta <embed> se le agrega esta propiedad

Código HTML:

wmode="transparent"

te deberia solucionar el problema.

un ejemplo:

Código HTML:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="800" height="150" id="banner" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="wmode" value="transparent" />
    <param name="movie" value="wp-content/themes/pulso/images/banner.swf" />
    <param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
    <embed wmode="transparent" src="wp-content/themes/pulso/images/banner.swf" quality="high" bgcolor="#ffffff" width="800" height="150" name="banner" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
 

[Federic0]

Siii, solucionado!

Muchísimas gracias gVenom! Te agradezco un montón.

Saludos!

[gVenom]

Con mucho gusto. Ahi nos vemos.