Foros del Web » Creando para Internet » HTML »

Centrar imagen independientemente del tamaño de la ventana

Estas en el tema de Centrar imagen independientemente del tamaño de la ventana en el foro de HTML en Foros del Web. Pues eso me gustaría saber si se puede hacer esto, tengo una web y quiero que quede centrado y no alineado arriba...
  #1 (permalink)  
Antiguo 07/07/2006, 05:48
 
Fecha de Ingreso: marzo-2006
Mensajes: 4
Antigüedad: 11 años, 9 meses
Puntos: 0
Centrar imagen independientemente del tamaño de la ventana

Pues eso me gustaría saber si se puede hacer esto, tengo una web y quiero que quede centrado y no alineado arriba
  #2 (permalink)  
Antiguo 09/07/2006, 22:54
Avatar de anhedonia  
Fecha de Ingreso: octubre-2005
Ubicación: En Anhedonia
Mensajes: 15
Antigüedad: 12 años, 1 mes
Puntos: 0
Si si se puede
__________________
Anhedonia es mi lugar

wapcr.net
vitrorhei.net
  #3 (permalink)  
Antiguo 10/07/2006, 02:04
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Hola:

Para centrar una imagen dentro de una ventana, se puede de distintas maneras... una bastante sencilla de implementar es escribir código donde la imagen sea el fondo de la página:
function centrar(imagen) {
var contenido = "<html><body style='background: url(" + imagen + ") no-repeat center center'></body></html>";
ventana = window.open("", "", "width=300,height=300");
ventana.document.write(contenido);
}

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 12/07/2006, 15:03
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Cita:
Iniciado por caricatos
una bastante sencilla de implementar es escribir código donde la imagen sea el fondo de la página:
function centrar(imagen) {
Hey Caricatos, no contamines (), este es el foro de html, no el de javascript


tonihur, por favor explicate mejor... ¿como incluis la imagen? ¿es con <img, como fondo o solo estás abriendo una imagen directamente con el explorador?
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 12/07/2006, 20:20
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.544
Antigüedad: 15 años, 8 meses
Puntos: 1262
Cita:
Iniciado por webosiris
Hey Caricatos, no contamines (), este es el foro de html, no el de javascript



¿Crees que la pregunta puede resolverse sólo con html...?

... bueno, esperemos que responda tonihur:

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 03/10/2006, 22:44
 
Fecha de Ingreso: septiembre-2006
Mensajes: 10
Antigüedad: 11 años, 3 meses
Puntos: 0
Hola, perdonen mi intromisión, apoyo a caricatos pero no quiero generar polémica, pues tengo un código que creo que sería una ayuda a tonihur, y es el siguiente:
Utilizar un SCRIPT:

<SCRIPT>
function Centrar(){
Imagen.style.setExpression('left','document.body.c lientWidth/2 - Imagen.offsetWidth/2');
Imagen.style.setExpression('top','document.body.cl ientHeight/2 - Imagen.offsetHeight/2');
document.recalc(true);
}
</SCRIPT>

Donde Imagen es el ID de la etiqueta IMG.

En la etiqueta BODY, colocar onLoad='Centrar();' con lo cual se llama a la función.
Y en el cuerpo del documento, se coloca la etiqueta, por ejemplo:

<IMG ID='Imagen' SRC='Algo.jpg' STYLE='position:absolute;top:0;left:0;'>

No podeis quitarle el STYLE, pues entonces no quedaría centrado.

Espero os sirva de gran ayuda. Saludos Orlando
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 04:03.