Menu en CSS + Flash = Problema

mvalls · #1 (**permalink**) 13/10/2009, 00:56

Hola gente tengo un sitio con un menú deslizante horizontal hecho en CSS pero debajo tengo una animación Flash, el problema es que el menú deslizante se me oculta detrás del swf.

Le puse el código <param name="wmode" value="transparent" /> pero no funciona

Pueden ver mi problema aquí, sobre Vehículos Nuevos

Alguna solución?

Gracias de antemano

#2 (**permalink**) 13/10/2009, 06:45

Que te parece si le agregar al CSS de tu menu, lo siguiente:

Código HTML:

.menu{
	position: absolute;
        border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
        z-index: 1;
	}

Mikmoro · #3 (**permalink**) 13/10/2009, 07:26

No sé exactamente dónde has puesto el wmode, pero pruébalo así:

<embed width="780" height="200" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="flash/vertrauen-home.swf" wmode="transparent" />

gbonifaz · #4 (**permalink**) 13/10/2009, 09:13

Yo tengo exactamente ese mismo problema ya hace bastante tiempo, hice lo mismo que recomiendan pero hasta ahora no puedo solucionarlo, miren esta es la web donde e estado experimientando.
odontologiaunmsm.com/index1.html
Incluso como veran hice otro menu pensando que el problema era con el menu que se desvanece pero nada, ambos se ponen tras el flash.

Saludos

mvalls · #5 (**permalink**) 14/10/2009, 18:09

Hola amigos nada de eso funcionó

=(

AlbertoGarcia · #6 (**permalink**) 14/10/2009, 20:52

Yo tuve un problema parecido hace tiempo y como no encontré solución opté por prescindir de la transparencia en el wmode y posicionar absolutamente el menú. No tiene por que ser tu caso. Lo que si puedes hacer es prescindir de flash y usar jquery para el slider, aquí tienes algunos ejemplos del cycle de jquery.

Salud!

PedroHerrera · #7 (**permalink**) 14/10/2009, 21:19

A mi también me paso lo mismo. (un completo dolor de cabeza)

la solución:

z-index lo debes poner a la clase del sub menú , por ejemplo en mi caso

Código:

.cssmenu ul li ul{
position: absolute;
visibility: hidden;
z-index:2;
}

pd. ¡elegante el diseño!----- se te olvido poner background color

TMeister · #8 (**permalink**) 14/10/2009, 22:11

El wmode, ademas de ponerlo en el param debes ponerlo dentro del embed

Código html:

Ver original<embed width="780" height="200" src="flash/vertrauen-home.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"/>

PedroHerrera · #9 (**permalink**) 14/10/2009, 22:26

antes que nada retiro lo dicho en mi post anterior, ya que con un poco de leidita de aquí y allá, llegue a la conclusión que los flash no respetan los z-index.

en un principio pensé que era el problema que yo tenia, pero no.

te dejo la capa que tienes que cambiar y asunto arreglado.

Código a:

Ver original<div class="flash-home">
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','h t t p: //download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','780','height','200','src','flash/vertrauen-autos','quality','high','pluginspage','h t t p://w ww.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/vertrauen-autos' ); //end AC code
  </script><embed src="flash/vertrauen-autos.swf" quality="high" pluginspage="h t t p:  //ww w.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" height="200" width="780" wmode="transparent"> 
  <noscript>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="h t t p://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="780" height="200">
<param name="wmode" value="transparent" />
    <param name="movie" value="flash/vertrauen-autos.swf">
    <param name="quality" value="high">
    <embed src="flash/vertrauen-autos.swf" quality="high" pluginspage="h t t p://ww w.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="780" height="200"></embed>
  </object>
  </noscript>
</div>

importante en el código he añadido espacios en las 4 urls, por que no me deja publicar enlaces, si es que no te funciona es por que no has borrado los espacios que añadí

Mikmoro · #10 (**permalink**) 15/10/2009, 00:06

Cita:

Iniciado por TMeister

El wmode, ademas de ponerlo en el param debes ponerlo dentro del embed

Es decir, donde lo había puesto yo en el ejemplo.

mvalls: ¿te juegas algo a que lo pones bien y sí funciona?

AlbertoGarcia · #11 (**permalink**) 15/10/2009, 05:41

Efectivamente, como dice Mikmoro

, funciona, no lo comprobé en un primer momento pero ahora lo he hecho con el Firebug y va perfecto.

Una duda al respecto ya que estamos, ¿con object se daría el mismo caso?, siempre pensé que la etiqueta embed estaba totalmente desaconsejada por el W3C y siempre uso object.

Salud!

mvalls · #12 (**permalink**) 15/10/2009, 21:46

Cita:

Iniciado por Mikmoro

Es decir, donde lo había puesto yo en el ejemplo.

mvalls: ¿te juegas algo a que lo pones bien y sí funciona?

Menos mal q no te jugué nada!!!!!!!, jajajjaja, muchas gracias, ahora si funcionó!!!!

Saludos y gracias de nuevo!!!