Foros del Web » Creando para Internet » CSS »

Error con posicionamiento

Estas en el tema de Error con posicionamiento en el foro de CSS en Foros del Web. Hola necesito crear una galería de imágenes pero que las imágenes se posicionen donde les coloco yo para poder formar formas. El problema es que ...
  #1 (permalink)  
Antiguo 28/02/2013, 11:20
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Error con posicionamiento

Hola necesito crear una galería de imágenes pero que las imágenes se posicionen donde les coloco yo para poder formar formas. El problema es que cree un script en javascript que lo que hace es por ejemplo al dar click en una imagen pues esta se va donde la primera y las demás cambian sus posiciones en otras determinadas. Pero el problema es que posicione las imágenes en una div y con position relative y top y left. Pero cuando por ejemplo la segunda imagen adquiera la posicion de la primera no se encuentra en el mismo lugar porque la imagen del src se encuentra debajo de la primera.... No puedo utilizar position absolute porque el resto de mi pagina no lo utiliza y saldrá diferente en distintas resulociones. No se como los puedo posicionar, me pueden dar algún consejo?
  #2 (permalink)  
Antiguo 28/02/2013, 11:39
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Error con posicionamiento

Simplemente crea un contenedor que contenga (valga la redundancia) esa galería, con la propiedad position: relative, y luego posicionas las imagenes en forma absoluta.

Esto hace que las imagenes se posicionen con respecto a la esquina superior izquierda de su contenedor y no del body.

Recuerda que: "Por tanto, si se quiere posicionar un elemento de forma absoluta respecto de su elemento contenedor, es imprescindible posicionar este último. Para ello, sólo es necesario añadir la propiedad position: relative, por lo que no es obligatorio desplazar el elemento contenedor respecto de su posición original."
http://librosweb.es/css/capitulo_5/p..._absoluto.html


Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 28/02/2013, 13:43
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 3 meses
Puntos: 29
Respuesta: Error con posicionamiento

Cita:
Iniciado por C2am Ver Mensaje
Simplemente crea un contenedor que contenga (valga la redundancia) esa galería, con la propiedad position: relative, y luego posicionas las imagenes en forma absoluta.

Esto hace que las imagenes se posicionen con respecto a la esquina superior izquierda de su contenedor y no del body.

Recuerda que: "Por tanto, si se quiere posicionar un elemento de forma absoluta respecto de su elemento contenedor, es imprescindible posicionar este último. Para ello, sólo es necesario añadir la propiedad position: relative, por lo que no es obligatorio desplazar el elemento contenedor respecto de su posición original."
http://librosweb.es/css/capitulo_5/p..._absoluto.html


Saludos

Hola lo tengo así pero tampoco funciona. Puede resultar algún problema que las imágenes estén en unas divs que no tienen ninguna función y la capa que las contiene tenga margin-top y margin-left ??

Saludos
  #4 (permalink)  
Antiguo 02/03/2013, 19:41
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Error con posicionamiento

¿lo tienes online para poder ver?
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: posicionamiento
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 12:29.