Foros del Web » Creando para Internet » CSS »

Orden de Divs.

Estas en el tema de Orden de Divs. en el foro de CSS en Foros del Web. Hola todos. pregunta. como hacer para que la lista despegable que cree se despliegue encima de los otros elementos. http://www.castillojorge.com/prueba.html Si ven el link y ...
  #1 (permalink)  
Antiguo 01/03/2011, 16:53
 
Fecha de Ingreso: mayo-2009
Mensajes: 111
Antigüedad: 8 años, 6 meses
Puntos: 2
Pregunta Orden de Divs.

Hola todos.

pregunta. como hacer para que la lista despegable que cree se despliegue encima de los otros elementos.http://www.castillojorge.com/prueba.html
Si ven el link y van al item portafolio este se despliega por debajo del slider.
Como lo soluciono.

Buen Dia.
  #2 (permalink)  
Antiguo 01/03/2011, 17:48
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Orden de Divs.

El mayor problema es que no tienes sitio suficiente para colocar el desplegable por encima, aunque no habría problema en hacerlo.
Me parece mejor idea desplegarlo en horizontal bajo el menu que tienes como en esta imagen:



Se trataría de dejar que los elementos floten igual que en el menú superior. Tendrías que modificar márgenes para situarlo correctamente, etc.
  #3 (permalink)  
Antiguo 02/03/2011, 13:25
 
Fecha de Ingreso: mayo-2009
Mensajes: 111
Antigüedad: 8 años, 6 meses
Puntos: 2
De acuerdo Respuesta: Orden de Divs.

Men excelente idea voy hacerlo y te comento como me fue.
  #4 (permalink)  
Antiguo 02/03/2011, 14:02
Avatar de LinkLooker  
Fecha de Ingreso: agosto-2002
Mensajes: 136
Antigüedad: 15 años, 4 meses
Puntos: 3
Respuesta: Orden de Divs.

Saludos, creo que tambien puedes probar colocandole un Z-Index bajo al contenedor del slider ....
  #5 (permalink)  
Antiguo 02/03/2011, 14:34
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Orden de Divs.

Me temo que lo del z-index puede ser algo más complicado porque hay posiciones absolutas involucradas.
He abierto tu página en Firefox y aparecen los elementos descolocados. Además cuando redimensionas la ventana del navegador, la página permanece centrada pero la barra roja que tienes debajo no se centra junto al resto.
Considera la posibilidad de introducir estos cambios:
Código CSS:
Ver original
  1. #slider .container {
  2.     cursor: pointer;
  3.     height: 355px;
  4.     overflow: hidden;
  5.     position: absolute; /*Cambiar esta posición de relativa a absoluta*/
  6.     width: 877px;
  7. }
  8. .barra_roja {
  9.      /* usar un margen negativo de 13 px para posicionar en lugar de top: 564px; en caso de ser necesario */
  10.      margin: -13px auto 0; /*Eliminar la posición absoluta y centrar este contenedor*/
  11.     width: 985px; /*Adecuar el ancho del div al de la imagen */
  12. }

Etiquetas: orden
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 11:16.