Foros del Web » Creando para Internet » HTML »

problema con capas (DIV´s)

Estas en el tema de problema con capas (DIV´s) en el foro de HTML en Foros del Web. hola estoy diseñando una pagina web, acabo de meter dos capas (div´s) en la primera capa tengo mi barra de navegacion con html, css y ...
  #1 (permalink)  
Antiguo 01/02/2011, 14:47
Avatar de cassini  
Fecha de Ingreso: julio-2009
Mensajes: 95
Antigüedad: 8 años, 4 meses
Puntos: 0
problema con capas (DIV´s)

hola

estoy diseñando una pagina web, acabo de meter dos capas (div´s)

en la primera capa tengo mi barra de navegacion con html, css y jquery
en la segunda capa meti una galeria de imagenes con html, css y jquery

Todo funciona como debe, el unico problema es q cuando paso el mouse sobre la barra de navegacion se despliegan los elementos de dicho menu, al llegar a la parte donde tengo la capa de imagenes corta las opciones de la barra de navegacion y se ve incompleto.

Alguna idea de como solucionarlo???
Muchas gracias de por tu ayuda
__________________
Humildad, ante todo humildad
  #2 (permalink)  
Antiguo 01/02/2011, 19:49
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 8 años, 7 meses
Puntos: 19
Respuesta: problema con capas (DIV´s)

Hola Cassini, esto es una duda de css, pero los elementos de un archivo html se van apilando unos sobre otros a medida que aparecen en el documento, por eso tu primer div, y por tanto su contenido, aparece por debajo del segundo. Tienes que hacer que tu primer div pase a ocupar un nivel superior en la pila con z-index, aquí lo explican clarito y con un ejemplo visual muy ilustrativo: http://www.elwebmaster.com/articulos...z-index-en-css

Salud!
  #3 (permalink)  
Antiguo 02/02/2011, 11:57
Avatar de cassini  
Fecha de Ingreso: julio-2009
Mensajes: 95
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: problema con capas (DIV´s)

Excelente muchisisisimas gracias por tu valiosa ayuda.

Ya quedo con la propiedad z-index

la solución fue aplicar a mi capa de navegación

Código CSS:
Ver original
  1. position: relative;
  2. z-index: 1;

y la otra capa con la galeria
Código CSS:
Ver original
  1. position: relative;
  2. z-index: 0;

De nuevo muchas gracias por tu gran ayuda
__________________
Humildad, ante todo humildad

Etiquetas: capas
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 21:19.