Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

Ayuda Problema con css html y swf

  • Autor de tema Autor de tema PxuL
  • Fecha de inicio Fecha de inicio

PxuL

Bovino maduro
Desde
21 Sep 2009
Mensajes
219
Buenas Tardes quisiera que me pudieran ayudar en esta duda que tengo lo que pasa es que tengo un menu que tiene un sub menu y tengo un swf abajo del menu y lo que pasa es que el swf tapa mi sub menu y no se muestra nose si me podrian ayudar voy a dejar el codigo del swf subido y del menu.
pero el error aun me sigue apareciendo voy a subir una imagen con el error que tengo lo que pasa es que en firefox se ve normal pero en ie y google chrome los sub menus no se ven el swf se antepone y el submenu se manda atras.

error-2.png


CODIGO SWF SUBIDO EN HTML:
HTML:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="181">
    <param name="movie" value="imagenes/bannerbrycsac.swf">
    <param name="quality" value="high">
    <embed src="imagenes/bannerbrycsac.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="900" height="181"></embed>
    <param name="wmode" value="transparent">
  </object>

CODIGO HTML DEL MENU:
HTML:
<ul class="sf-menu">
                        <li><a href="inicio.html" class="current"><strong>inicio</strong></a></li>
                      <li><a href="quienessomos.html" class="Estilo4">Quienes Somos</a> </li>
                      <li><a href="#"><strong>productos y servicios</strong></a>
                      <ul>
                          <li><a href="#">Productos</a></li>
                          <li><a href="index-2.html">Servicios</a></li>                           
                        </ul>
                      </li>
                      <li><a href="clientes.html"><strong>Principales clientes</strong></a></li>
                      <li><a href="index-4.html"><strong>INFRAESTRUCTURA</strong></a></li>
                      <li><a href="#"><strong>galerÍa</strong></a>
                        <ul>
                          <li><a href="galeria.html">Fotos</a></li>
                          <li><a href="#">Videos</a></li>                           
                        </ul>
                      </li>
                      <li><a href="index-6.html"><strong>contactANOS</strong></a></li>
                    </ul>

CODIGO CSS DEL CLASS:
Código:
.sf-menu {margin:0; padding:0;  list-style: none; z-index:20; position:relative } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left}
.sf-menu li a{color:#006600; text-decoration:none; display:block; float:left; line-height:35px; font-size:10px; text-transform:uppercase; width:145px; text-align:center; background:#e7e7e7} 
.sf-menu li a:hover {color:#1a1a1a;  text-decoration:none; background:#ffffff }
.sf-menu li a.current{ color:#fff; text-decoration:none; background:url(../imagenes/bg_menu.gif)}
 
.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:35px; z-index:99;}
 
.sf-menu ul {   width:145px; background:url(../imagenes/bg_menu.gif); padding:10px 0px 10px 0px }
.sf-menu ul li {  text-align:left; line-height:25px; padding:0;  z-index:9; position:relative; float:left       }
.sf-menu ul li a {text-transform:none; line-height:25px; text-align: center; width:145px; font-size:12px; text-transform:none;  color:#fff; text-transform:uppercase; z-index:9;background:url(../imagenes/bg_menu.gif) }
.sf-menu ul li a:hover { color:#171717; background:#e7e7e7}
 
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0;}
                
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:200px; top:0; margin-left:1px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; top:0;}
 
muy facil para eso existen los z-index de css, simplemente selecciona uno mayora a todos y listo, saludos
 
Volver
Arriba