Menu Desplegable en css aparece abajo de un flash

Holas,

He buscado por todas partes una solución a Menu Desplegable en css que aparece abajo de un banner flash o flash en general. No quiero modificar el código del flash, porque no me sirve.


Ejemplo http://solteros.cl/v2/vinedos.htm

Alguien sabe alguna solución??

Saludos, se los agradeceria.

Revisé este tutorial http://www.cristalab.com/tutoriales/184/superposicion-de-objetos-de-html-overlapping--con-css pero veo la forma de aplicarlo a mi menu css

Código :

/*<![CDATA[*/

/* page styling, unimportant for the menu. only makes the page looks nicer */
body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   color: #000;
}

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}

.example {
   background: #none;
   padding: 0px; /* distancia alto */
}

/* - - - ADxMenu: BASIC styles - - - */

.menu {
   width: 10em;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
}

.menu, .menu ul {   /* remove all list stylings, ancho de la celda del bloque en gral */
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
   display: block;
}

.menu li { /*ancho de la celda del bloque en gral */
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   position: relative;   /* position each LI, thus creating potential IE.win overlap problem */
   z-index: 0;      /* thus we need to apply explicit z-index here... */
}

.menu li:hover {
   z-index: 10000;   /* ...and here. this makes sure active item is always above anything else in the menu */
   white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                     see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu ul {
   visibility: hidden;   /* initially hide all submenus. */
   position: absolute;
   z-index: 10;
   left: 0;   /* while hidden, always keep them at the top left corner, */
   top: 0;      /*       to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
   visibility: visible;   /* display submenu them on hover */
   left: 100%;   /* and move them to the right of the item */
}

/* -- float.clear --
   force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
   content: ".";
   height: 0; /* espacio bloque bottom*/
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
.menu, .menu ul {   /* IE7 float clear: */
   min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
   YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
   if you do it, make sure you 110% know what you do */
.menu ul {
   background-image: url(../empty.gif);   /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
   padding: 0px 0px 0px 0px;
   margin: 0px 0 0 0px;
   /*background: #f00;*/   /* uncomment this if you want to see the "safe" area.
                        you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.menu, .menu ul li {
   color: #eee;
   background: #fff;
}

.menu {
   width: 178px;
}

.menu ul {
   width: 178px;
}

.menu a {
   text-decoration: none;
   color: #513301;
   padding: 2px; /* espaciado de items */
   display: block;
   margin-left: 10px;
}

.menu a:hover, .menu li:hover>a {
   color: #fc3;
   BORDER-LEFT: 5px solid #016be1; 
   color: #ffffff; 
   BACKGROUND-COLOR: #2182eb; 
}

.menu li {   /* create borders around each item */
   border: 1px solid #fea000;
}
.menu>li + li, .menu ul>li + li {   /* and remove the top border on all but first item in the list */
   border-top: 0;
}

.menu li:hover>ul {   /* inset submenus, to show off overlapping */
   top: 0px;
   left: 150px; /*distancia sub menu del bloque del menu principal */
}

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
   placed here to clarify the terminology I use when referencing submenus in posts */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
   color: #567;*/
}

/*]]>*/

Ese es el css

Hola. Los swf (flash) no responderan al posicionamiento con z-index a menos de que tengan la propiedad wmode en transparent u opaque. Aqui te dejo un par de links que probablemente te expliquen muy bien lo que te quiero decir

El primero te explica como poner las ventanas de flash transparentes:
http://www.adobe.com/es/support/flash/ts/documents/wmode.htm

El segundo habla explicitamente de tu problema:
http://www.adobe.com/go/tn_15523

Saludos

Gracias Count Gallant Bhas Tard I, esa opción me la sabía pero queria ver si existe una opción con algún cambio en el css o en el html, no en el flash.

Saludos

eso de poner el wmode a transparente es HTML y no flash directamente.
Me ha sucedido un par de veces y lo he solucionado con eso del wmode.

salut

Hola, yo se cual es tu problema y como solucionarlo, pero a cambio me podes decir como hiciste el menu con CSS.

Gracias

cgfc escribió:

desde cuando se pide algo a cambio por una ayuda, un consejo o una sugerencia? desde cuándo?

Era una broma....
Primero que nada: estas hablando de un objecto flash, cuando el menú queda por debajo de un IFRAME, por lo tanto estas usando los parámetros incorrectos.

pruba con:

allowtransparency="allowtransparency"

cgfc escribió:

WTF????
ufita, no le des más vueltas, la única forma posible es la que te dice Count Gallant Bhas Tard I.
Por cierto, si yo fuese tú no usaría iframes, no son recomendables.

Hm.. hablando de menus quiero saber si es posible, que un menu es flash pueda ser insertado en una página html sin causar problemas a un div u otra cosa.

Mmmmm ¿a qué tipo de problemas te refieres?

The Fricky! escribió:

Por mi no los usaría, pero el cliente lo quiere así y que le vamos a hacer. Y gracias a todos no me haré mas atados, colocaré el código transparent y lsito.