Foros del Web » Creando para Internet » CSS »

Alinear verticalmente una imagen con css

Estas en el tema de Alinear verticalmente una imagen con css en el foro de CSS en Foros del Web. Hola, en mi página tengo un div que va mostrando las fotos que ha subido el usuario, como cada usuario sube las fotos del tamaño ...
  #1 (permalink)  
Antiguo 03/11/2013, 09:05
jorgemibanez
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Alinear verticalmente una imagen con css

Hola, en mi página tengo un div que va mostrando las fotos que ha subido el usuario, como cada usuario sube las fotos del tamaño que quiere, no puedo simplemente poner un margen que centre una imagen por ejemplo de 200px por 200px ya que al subir una más grande o pequeña dejaría de estar centrado.

La idea es que los margenes se ajusten para que todas las imágenes, tengan el tamaño que tengan, estén centradas, horizontal y verticalmente. Horizontalmente lo he conseguido con <div align="center" ... >.

Si alguien puede darme una sugerencia, lo agradecería mucho.
  #2 (permalink)  
Antiguo 03/11/2013, 09:09
Avatar de PHPeros
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 4 años, 10 meses
Puntos: 578
Respuesta: Alinear verticalmente una imagen con css

Lo mismo que valign:

Código CSS:
Ver original
  1. {
  2. vertical-align: middle;
  3. }

Saludos
  #3 (permalink)  
Antiguo 03/11/2013, 09:17
jorgemibanez
Invitado
 
Mensajes: n/a
Puntos:
Exclamación Respuesta: Alinear verticalmente una imagen con css

Cita:
Iniciado por PHPeros Ver Mensaje
Lo mismo que valign:

Código CSS:
Ver original
  1. {
  2. vertical-align: middle;
  3. }

Saludos
mmm....no, no funciona.

<div align="center" style="
width: 800px;
height: 350px;
background-color: #ffffff;
vertical-align: middle;
">
<img src="..."> Esto sigue estando horizontalmente en medio pero verticalmete pegado al borde de arriba.
</div>
  #4 (permalink)  
Antiguo 03/11/2013, 09:22
Avatar de PHPeros
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 4 años, 10 meses
Puntos: 578
Respuesta: Alinear verticalmente una imagen con css

Recuerda que se alinea en el medio del elemento padre, así que al anterior debe tener un height y width dependiendo de lo que necesites...

Etiquetas: Ninguno
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 15:25.