Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de El menú se despliega atrás del video de Youtube AYUDA! en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/04/2009, 15:00
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 10 años
Puntos: 1
El menú se despliega atrás del video de Youtube AYUDA!

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!
  #2 (permalink)  
Antiguo 29/04/2009, 15:09
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: El menú se despliega atrás del video de Youtube AYUDA!

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

Código css:
Ver original
  1. u {z-index:100}
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #3 (permalink)  
Antiguo 29/04/2009, 15:14
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 10 años
Puntos: 1
Respuesta: El menú se despliega atrás del video de Youtube AYUDA!

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; }    
{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 displayinline-block; }
.
clearfloat displayblock;    }
{z-index:100
  #4 (permalink)  
Antiguo 29/04/2009, 15:21
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: El menú se despliega atrás del video de Youtube AYUDA!

perdona, fue un error mio, es ul no u
Código css:
Ver original
  1. ul {z-index:100}
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #5 (permalink)  
Antiguo 29/04/2009, 15:30
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 10 años
Puntos: 1
Respuesta: El menú se despliega atrás del video de Youtube AYUDA!

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
  #6 (permalink)  
Antiguo 29/04/2009, 15:40
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
De acuerdo Respuesta: El menú se despliega atrás del video de Youtube AYUDA!

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:
Ver original
  1. <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">
  2.     <param name="allowScriptAccess" value="sameDomain" />
  3.     <param name="wmode" value="transparent" />
  4.     <param name="movie" value="wp-content/themes/pulso/images/banner.swf" />
  5.     <param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />
  6.     <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" />
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #7 (permalink)  
Antiguo 29/04/2009, 15:54
 
Fecha de Ingreso: diciembre-2007
Ubicación: Buenos Aires
Mensajes: 328
Antigüedad: 10 años
Puntos: 1
Respuesta: El menú se despliega atrás del video de Youtube AYUDA!

Siii, solucionado!

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

Saludos!
  #8 (permalink)  
Antiguo 29/04/2009, 15:57
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: El menú se despliega atrás del video de Youtube AYUDA!

Con mucho gusto. Ahi nos vemos.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:33.