Foros del Web » Creando para Internet » CSS »

Alineación vertical en un div

Estas en el tema de Alineación vertical en un div en el foro de CSS en Foros del Web. tengo una capa div en la que quiero poner una imagen. Pero quiero que me quede a media altura, es decir, alineada vertcalmente en el ...
  #1 (permalink)  
Antiguo 16/10/2006, 04:00
 
Fecha de Ingreso: junio-2006
Mensajes: 10
Antigüedad: 11 años, 6 meses
Puntos: 0
Alineación vertical en un div

tengo una capa div en la que quiero poner una imagen. Pero quiero que me quede a media altura, es decir, alineada vertcalmente en el medio.

He visto el parámetro vertical-align. Pero no me hace caso a los valores de dicho parámetro. Como puedo hacerlo?
  #2 (permalink)  
Antiguo 16/10/2006, 10:46
 
Fecha de Ingreso: octubre-2006
Mensajes: 66
Antigüedad: 11 años, 2 meses
Puntos: 0
Si lo que quieres por ejemplo es poner una imagen en una capa que tiene un color y centrala lo que puedes hacer un poco a lo burro es:

- Introducir la imagen en otra capa

- Ponerle el atributo z-index de la nueva capa con la imagen en 1

- Ponerle el z-index de la capa del fondo en 2


- Jugar con los atributos top y left de la nueva capa con la imagen para ponerlaa donde quieras.

Espero que te sirva.

  #3 (permalink)  
Antiguo 16/10/2006, 12:35
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 870
Antigüedad: 12 años, 6 meses
Puntos: 17
Hola vicgar20,

Primero que todo, nos podrías poner más datos sobre lo que quieres, poner una imagen en alineación vertical, dentro de un div con ancho y alto ????????, o en posición absoluta, o es solamente una imagen en toda la página, es necesario más información para no divagar en las respuestas.

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #4 (permalink)  
Antiguo 16/10/2006, 14:11
 
Fecha de Ingreso: agosto-2006
Mensajes: 3
Antigüedad: 11 años, 3 meses
Puntos: 0
Padding and margin

Puedes enfocar la colocación de la imagen de dos maneras:

1. Utilizando propiedades css en la capa
2. Utilizando propiedades css en la imagen

Para la primera tienes la propiedad padding aunque tiene el incoveniente de que si tienes más elementos en la capa, están todos obligados a tener ese padding.

Para la segunda tienes la propiedad margin (yo creo que es la mejor) con la que puedes colocar la imagen a la distancia que quieras de la capa o de los otros elementos de la capa.

También puedes utilizar la propiedad position: absolute, pero con esta propiedad se empieza a complicar mucho la maquetación general de la página web; hay que utilizarla con mucho criterio y pensando cómo se van a desplegar todo el conjunto de elementos que componen la página.
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 03:32.