Foros del Web » Creando para Internet » CSS »

Caja Saliente

Estas en el tema de Caja Saliente en el foro de CSS en Foros del Web. hola que tal dando lata otra vez, se que este efecto es facil, pero no se como hacerlo, es algo sencillo deseo que un cuadro ...
  #1 (permalink)  
Antiguo 09/03/2011, 23:11
 
Fecha de Ingreso: agosto-2010
Mensajes: 24
Antigüedad: 14 años, 2 meses
Puntos: 2
Pregunta Caja Saliente

hola que tal dando lata otra vez, se que este efecto es facil, pero no se como hacerlo,
es algo sencillo deseo que un cuadro quede saliendo asi como si estuviera desfazado, una explicacion mas grafica



suponiendo el que el cuadro naranja es un div, y el verde es otro, como logro ese efecto.

si alguien pduiera explicarme un poco le agradeceria, o decirme el nombre del efecto, apra poder buscar informacion yo mismo.
  #2 (permalink)  
Antiguo 10/03/2011, 07:00
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 4 meses
Puntos: 539
Respuesta: Caja Saliente

En base a la información facilitada (imágenes), ya lo ha logrado.
Si pretende ayuda con códigos, debería facilitar los códigos (html+css) que está utilizando para tener una base común sobre la que actuar y ayudar.

Si quiere algo de teoría, creo que la encontrará mejor explicada y con ejemplos en www.librosweb.es y en "la guía de migración" de Mikmoro (entre los temas fijos de la cabecera de este foro). En concreto, tema de posicionamientos y tamaños.
  #3 (permalink)  
Antiguo 10/03/2011, 07:34
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 9 meses
Puntos: 36
Respuesta: Caja Saliente

No hay una única forma sino varias.
Quizás la más simple sea dar dimensiones fijas a los div y utilizar en el verde un margen superior negativo y un margen izquierdo que lo separe del naranja. El verde en este caso estaría incluído dentro del naranja superior.

Etiquetas: caja
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 00:56.