Foros del Web » Creando para Internet » CSS »

como hago para que una imagen de cualquier tamaño en el centro de la pagina?

Estas en el tema de como hago para que una imagen de cualquier tamaño en el centro de la pagina? en el foro de CSS en Foros del Web. Hola, quisiera que me ayuden a que cada vez que ingrese una imagen de cualquier tamaño se quede en el centro de la pagina este ...
  #1 (permalink)  
Antiguo 25/03/2009, 20:43
 
Fecha de Ingreso: octubre-2008
Mensajes: 155
Antigüedad: 9 años, 1 mes
Puntos: 1
como hago para que una imagen de cualquier tamaño en el centro de la pagina?

Hola, quisiera que me ayuden a que cada vez que ingrese una imagen de cualquier tamaño se quede en el centro de la pagina este es mi codigo:

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Informática Empresarial</title>
</head>

<body>

<div class="image">
<img src="calavera1.gif" border="0"></div>
</body>
</html>



style.css

@charset "utf-8";
/* CSS Document */
body {
background:url(image.jpg) top right no-repeat fixed #FFF;
}
.image{
position: absolute;
top: 50%;
left: 50%;
margin-top: -219px;
margin-left: -288px;
}
  #2 (permalink)  
Antiguo 25/03/2009, 23:23
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: como hago para que una imagen de cualquier tamaño en el centro de la pagin

Saludos!!

Dejame le doy un pequeño retoque a tu CSS si?

En vez de esto:
.image{
position: absolute;
top: 50%;
left: 50%;
margin-top: -219px;
margin-left: -288px;
}

Pones esto:

.image{
margin: 0px auto;
}

Hasta Luego!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 26/03/2009, 04:00
Avatar de gorkreg  
Fecha de Ingreso: julio-2008
Mensajes: 305
Antigüedad: 9 años, 4 meses
Puntos: 8
Respuesta: como hago para que una imagen de cualquier tamaño en el centro de la pagin

Coloca la imágen dentro de una división y dale a esa div las mismas reglas que habías usado para .image. Supongo que la imágen mide 221px x 576px.

Debería funcionar. Dime qué tal va.
  #4 (permalink)  
Antiguo 26/03/2009, 07:16
 
Fecha de Ingreso: octubre-2008
Mensajes: 155
Antigüedad: 9 años, 1 mes
Puntos: 1
Respuesta: como hago para que una imagen de cualquier tamaño en el centro de la pagin

Noce que ise mal, porque la imagen se ubico en otro citio, si me puedes dar un pequeño ejemplo gorkreg te lo agradeceria
  #5 (permalink)  
Antiguo 26/03/2009, 09:34
Avatar de gorkreg  
Fecha de Ingreso: julio-2008
Mensajes: 305
Antigüedad: 9 años, 4 meses
Puntos: 8
Respuesta: como hago para que una imagen de cualquier tamaño en el centro de la pagin

HTML:
<div id="image">
<img src="calavera1.gif" border="0">
</div>

CSS:
#image {
position: absolute;
top: 50%;
left: 50%;
margin-top: -219px;
margin-left: -288px;
}

Este es el código que tienes que usar. No entiendo lo que quieres decir con "la imagen se ubico en otro citio" (???!!!).
  #6 (permalink)  
Antiguo 26/03/2009, 17:37
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: como hago para que una imagen de cualquier tamaño en el centro de la pagin

gorkreg: creo que el título dice "una imagen de cualquier tamaño"

Coplo: ¿hablas de centrado horizontal o vertical?
(por favor, revisa un poco tu ortografía, gracias)
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 27/03/2009, 12:09
Avatar de gorkreg  
Fecha de Ingreso: julio-2008
Mensajes: 305
Antigüedad: 9 años, 4 meses
Puntos: 8
Respuesta: como hago para que una imagen de cualquier tamaño en el centro de la pagin

Bueno, la verdad es que entre la ortografía y los títulos confusos ("como hago para que una imagen de cualquier tamaño en el centro de la pagina?" para que...¿qué?) el que no entiendo nada soy yo. Por favor, Coplo, explícate un poco mejor para que te podamos ayudar.
  #8 (permalink)  
Antiguo 27/03/2009, 12:15
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: como hago para que una imagen de cualquier tamaño en el centro de la pagin

Sí, no resulta fácil
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 27/03/2009, 13:42
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: como hago para que una imagen de cualquier tamaño en el centro de la pagin

Hola:

Como reglas general para centrar objetos (siempre horizontalmente), se usa text-align: center para elementos inline como texto e imágenes, y margin: auto para elementos en bloque... pero verticalmente, la alineación es algo bastante más complejo... en el caso de las imágenes es algo más sencillo si la imagen se pone de fondo (en las Faq's se encuentra la respuesta)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
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 13:47.