Foros del Web » Creando para Internet » CSS »

Varios Divs para formar un conjunto

Estas en el tema de Varios Divs para formar un conjunto en el foro de CSS en Foros del Web. Hola Estoy intentando formar una box de texto, pero no lo consigo tal como quiero. La box trata de tres partes principales, superior, media e ...
  #1 (permalink)  
Antiguo 10/07/2011, 15:41
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 6 años, 11 meses
Puntos: 37
Busqueda Varios Divs para formar un conjunto

Hola

Estoy intentando formar una box de texto, pero no lo consigo tal como quiero.

La box trata de tres partes principales, superior, media e inferior.

Superior e inferior son de tamaño fijo y algo alto. (height) Por otro lado, la media solo es para cuando la box excede de su tamaño, de este modo se repite una imagen de 1px de alto para dar la sensación de que es más larga.

Mi idea ha sido usar los 3 divs, superior e inferior dentro de medio, pero este último sobresale y se ve. Y no sabría como poner el texto por encima, probé con z-index pero no resultó.

El esquema sería el siguiente:



Espero que me puedan ayudar.


Un saludo y gracias ;)
__________________
Shaito Hiraga - Diseñador CSS
  #2 (permalink)  
Antiguo 10/07/2011, 17:43
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 6 meses
Puntos: 306
Respuesta: Varios Divs para formar un conjunto

Hola
http://www.librosweb.es/referencia/css/z-index.html
La propiedad que controla la posición tridimensional de una caja se denomina z-index y sólo tiene efecto sobre los elementos posicionados, es decir, aquellos sobre los que se ha establecido la propiedad position o la propiedad float. Por su propia definición, z-index sólo suele ser útil cuando se producen solapamientos entre las cajas.

Muestra el código que estas usando para ayudarte,
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 11/07/2011, 14:25
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 6 años, 11 meses
Puntos: 37
Respuesta: Varios Divs para formar un conjunto

Hola C2am

Creé una simple solución para no usar z-index.

Fue simple, alargué la parte superior de la imagen de modo que contuviese también la centrar en un tamaño exagerado por si se alarga la cosa.

Luego a la parte inferior le dí el z-index para dejarla en la parte inferior a la capa de la zona superior y le di un margin-top negativo, por lo que subió creando el efecto de caja.

De todos modos, gracias.


Un Saludo
__________________
Shaito Hiraga - Diseñador CSS
  #4 (permalink)  
Antiguo 11/07/2011, 15:13
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 4 meses
Puntos: 101
Respuesta: Varios Divs para formar un conjunto

El problema como lo planteas es muy similar o igual a este:
http://www.desarrolloweb.com/articulos/2178.php

El truco está en como organizas el html.

Fijate, si te interesa, que hay un par de articulos relacionados a ese que te linkeo.

Etiquetas: box, divs
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 02:43.