Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Dropdown menú bloqueado por SlideShow

Estas en el tema de Dropdown menú bloqueado por SlideShow en el foro de HTML en Foros del Web. Buenas, Tengo este CSS: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original .nav li a { background-color : #000 ; color : #fff ; text-decoration : none ...
  #1 (permalink)  
Antiguo 01/07/2013, 13:50
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 10 meses
Puntos: 5
Exclamación Dropdown menú bloqueado por SlideShow

Buenas,

Tengo este CSS:

Código CSS:
Ver original
  1. .nav li a {background-color:#000; color:#fff;text-decoration:none;padding:10px 15px;display:block;}
  2. .nav > li {float:left; }
  3. .nav li a:hover {background-color:#4db4fa;}
  4. .nav li ul {display:none; position:absolute; min-width:140px;}
  5. .nav li:hover > ul {display:block;}
  6. .nav li ul li {position:relative;}
  7. .nav li ul li ul {right:-140px;top:0px;}

Para este dropdown:

Código HTML:
Ver original
  1. <div class="row-2">
  2.                     <nav>
  3.                      <a href="./index.php"><img class="logo" src="http://aavirtual.net/images/aanewlogo1.png"></a>
  4.                         <ul class="nav">
  5.                           <li><a href="index.php">Home Page</a></li>
  6.                           <li><a href="./index_public.php?page=about_us">Sobre nosotros</a>
  7.                             <ul>
  8.                             <li><a href="#nuevos">Nuevos</a></li>
  9.                         <li><a href="#reacondicionados">Reacondicionados</a></li>
  10.                         <li><a href="#cilindrados">Cilindrados a medida</a></li>
  11.                         <li><a href="#compra">Compra de Tanques</a></li>
  12.                         </ul>     </li>  
  13.                         <li><a href="./index_public.php?page=pilots_public">Pilotos</a></li>
  14.                           <li><a href="./index_public.php?page=fleet_public">Flota</a></li>
  15.                           <li><a href="./index_public.php?page=contacts_form">Contacta</a></li>
  16.                         </ul>
  17.                     </nav>
  18.                 </div>

El problema es que como justo debajo del menú hay un slideshow este no se despliega del todo y hay una parte que no se ve.

Perdón por ponerlo aquí esto es de css!!!!

Última edición por carlosuc99; 01/07/2013 a las 14:09
  #2 (permalink)  
Antiguo 01/07/2013, 14:27
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 9 meses
Puntos: 1532
Respuesta: Dropdown menú bloqueado por SlideShow

trata de darle un mayor ordenZ

si el slideshow está hecho en flash, creo recordar que debes de aplicarle un atributo de transparencia, para más detalles reporta el tema para que sea movido al foro de flash correspondiente.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 01/07/2013, 14:44
 
Fecha de Ingreso: junio-2011
Mensajes: 342
Antigüedad: 12 años, 10 meses
Puntos: 5
Exclamación Respuesta: Dropdown menú bloqueado por SlideShow

Te dejo todo mi CSS, por más que pongo z-index al máximo nada:

[URL="http://pastebin.com/SXtdbmCw"]http://pastebin.com/SXtdbmCw[/URL]
  #4 (permalink)  
Antiguo 01/07/2013, 17:37
Avatar de memoadian
Colaborador
 
Fecha de Ingreso: junio-2009
Ubicación: <?php echo 'México'?>
Mensajes: 3.696
Antigüedad: 14 años, 10 meses
Puntos: 641
Respuesta: Dropdown menú bloqueado por SlideShow

además de z index, el elemento debe tener una posicion, ya sea relative o absolute para que funcione.

en este caso podria ser el

Código CSS:
Ver original
  1. nav {
  2.   position:relative;
  3.   z-index:9999;
  4. }

así los hijos heredan el z-index y el elemento siempre estará encima.

Última edición por pzin; 01/07/2013 a las 17:46 Razón: highlight

Etiquetas: css
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 23:34.