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?

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.

:-)

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

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.