Foros del Web » Creando para Internet » CSS »

vertical-align problemas

Estas en el tema de vertical-align problemas en el foro de CSS en Foros del Web. Tengo una capa y dentro de la capa una imagen. La capa es tiene una altura mayor que la imagen. .capaFoto{ width:202px; height:200px; } .capaFoto ...
  #1 (permalink)  
Antiguo 02/09/2008, 17:06
 
Fecha de Ingreso: octubre-2007
Mensajes: 394
Antigüedad: 10 años, 1 mes
Puntos: 2
vertical-align problemas

Tengo una capa y dentro de la capa una imagen. La capa es tiene una altura mayor que la imagen.

.capaFoto{

width:202px;
height:200px;


}
.capaFoto img.fotoUsuario{
width:200px;
height:150px;
vertical-align: middle;
}

Pero no consigo que la foto quede centrada verticalmente........me la coloca en el top de la capa contenedora.

¿Por qué?


Un saludo y gracias
  #2 (permalink)  
Antiguo 06/09/2008, 16:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: vertical-align problemas

Es que vertical-align: middle; sólo funciona bajo circunstancias muy determinadas. Pero vamos, en tu caso tiene muy fácil solución: dale un margen superior igual a la mitad de la diferencia de tamaño entre la caja y la imagen y listo.
__________________
Visita mi nueva web idplus.org
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 22:49.