Foros del Web » Diseño web » CSS »

centrar imagen vertical y horizontal

Estas en el tema de centrar imagen vertical y horizontal en el foro de CSS en Foros del Web. hola chicos, tengo un encontron con mi css, el div que contiene las imagenes no me centra las imagenes, .divimgavisos{ width:100px; height:100px; float:left; margin:5px 0 ...
  #1 (permalink)  
Antiguo 05/11/2006, 18:46
Avatar de dobled  
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.313
Antigüedad: 12 años, 8 meses
Puntos: 2
centrar imagen vertical y horizontal

hola chicos, tengo un encontron con mi css, el div que contiene las imagenes no me centra las imagenes,

.divimgavisos{
width:100px;
height:100px;
float:left;
margin:5px 0 5px 0;
padding:5px;
border:1px solid #ddd;
}

ese es el div, que propiedad tengo que agregar para que por ej imagenes de 100x50 queden al medio y no al top. que es lo que me pasa actualmente. y ojala sea en los dos casos 50x100.

Saludos y gracias
__________________
Usa títulos específicos y con sentido
En las listas de correo o en los grupos de noticias, la cabecera del mensaje es tu oportunidad de oro para atraer la atención de expertos cualificados en aproximadamente 50 caracteres o menos. No los desperdicies en balbuceos como "Por favor ayúdame" (de "POR FAVOR AYÚDAME!!!" ya ni hablamos). No intentes impresionarnos con lo profundo de tu angustia; mejor usa ese preciado espacio para una descripción lo más concisa posible del problema.
  #2 (permalink)  
Antiguo 05/11/2006, 22:33
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 289
Antigüedad: 9 años, 2 meses
Puntos: 4
position: relative para tu div contenedor.

top: 50% y margin-top: -25px para tus imagenes de 100x50.

Saludos.
  #3 (permalink)  
Antiguo 06/11/2006, 00:59
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.133
Antigüedad: 12 años, 6 meses
Puntos: 1136
Hola:

Una solución infalible es que la imágen sea el fondo de la capa, y la centras con estilos:
background: url(imagen.jpg) no-repeat center center;

La otra forma que conozco es con javascript.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 06/11/2006, 02:30
 
Fecha de Ingreso: julio-2004
Mensajes: 43
Antigüedad: 10 años, 3 meses
Puntos: 0
Hola, yo tengo un problema parecido, pero no se trata de una imagen, sino de una web que quiero centrar en la página. La web esta totalmente hecha en capas, y la utilizaba el método que comenta "mbavio" pero tiene un fallo, y es que si la resolucíon de la pantalla es inferior al tamaño de la capa a centrar, el contenido se esconde tanto por arriba como por la izquierda, esto sucede tambien modificando el tamaño de la ventana.

Creo que deberia de haber otra alternativa....
  #5 (permalink)  
Antiguo 06/11/2006, 12:08
Avatar de dobled  
Fecha de Ingreso: enero-2002
Ubicación: Rancagua - Chile
Mensajes: 1.313
Antigüedad: 12 años, 8 meses
Puntos: 2
lo de caricatos me funcionó, el otro no, pero lo quiero hacer de la manera que tengo yo ya que necesito tambien aplicar el padding.

__________________
Usa títulos específicos y con sentido
En las listas de correo o en los grupos de noticias, la cabecera del mensaje es tu oportunidad de oro para atraer la atención de expertos cualificados en aproximadamente 50 caracteres o menos. No los desperdicies en balbuceos como "Por favor ayúdame" (de "POR FAVOR AYÚDAME!!!" ya ni hablamos). No intentes impresionarnos con lo profundo de tu angustia; mejor usa ese preciado espacio para una descripción lo más concisa posible del problema.
  #6 (permalink)  
Antiguo 06/11/2006, 16:21
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 289
Antigüedad: 9 años, 2 meses
Puntos: 4
Gigatron: La otra forma de centrar una pagina es utilizando una tabla contenedora. No conozco mas formas. Con respecto al bug que comentas debido a la resolucion, voy a chequear a ver si encuentro algo en la web, despues te aviso.

dobled: Creo que al principio no entendi bien lo que querias hacer, ahora creo que si. La tecniba de caricatos deberia funcionarte sin problemas.

Saludos.
  #7 (permalink)  
Antiguo 06/11/2006, 16:26
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 289
Antigüedad: 9 años, 2 meses
Puntos: 4
Acabo de encontrar esto... http://www.torresburriel.com/w-css/?p=6
Resumen de todas las tecnicas.

Saludos
  #8 (permalink)  
Antiguo 10/07/2007, 05:04
 
Fecha de Ingreso: mayo-2007
Mensajes: 348
Antigüedad: 7 años, 4 meses
Puntos: 9
Re: centrar imagen vertical y horizontal

Esto valdría ?

img {
display:block;
margin:auto;
}


a mi me funciona a la perfección el firefox, IE no creo que lo pruebe
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 12:20.
SEO by vBSEO 3.3.2