SoloCodigo
Programación Web y Scripting => HTML => Mensaje iniciado por: Emely en Miércoles 30 de Marzo de 2005, 02:28
-
Hola,
El problema es el siguiente:
Tengo una página en html, a la cual le puse una imagen de fondo:
<body background="imagenes/fondo.jpg">
la imagen se muestra bien cuando el navegador está maximizado, pero cuando le cambio de tamaño al navegador, la imagen de fondo se desconfigura, si agrando mas el navegador, la imagen se repite, y si lo disminuyo la imagen se corta.
¿Cómo podría hacer para que el tamaño de la imagen de fondo se adecúe al tamaño de mi navegador?.
Gracias por su tiempo
Emely :)
-
Hola, mira de poder obtener el tamaño de la ventana si se puede, pero con Javascript, ahora cambiar el tamaño de una foto establecida en background no se puede ya que esto es fijo y se muestra en su tamaño original, lo que puedes talvez hacer es usar la propiedad <body bgproperties="fixed"> para hacer que cuando tu pagina tiene mucho contenido y te desplazas hacia abajo esta no se repita (no se muestre mosaico), esta propiedad fija tu imagen de fondo para que no se repita.
Salu2
:comp: :hola:
-
Creo que el problema es de tu explorador, porque lo que sucede cuando pones una imagen de la forma que tu pusiste, la imagen por lo general se repite en toda la pagina. Ahora con la opcion 'fixed' se mantiene fija en el fondo, pero es un poco incomodo, a leer. :kicking:
-
Pues te recomiendo que le heches mano al CSS...
Por ejemplo, para lo que necesitas:
body {
background-image: url(file:///home/nacho/Desktop/pinky.jpg);
background-position: center;
background-repeat: no-repeat;
}
También puede elegir las siguiente opciones:
-background-position:
background-position: left top; (lo alineará a la izquierda y arriba)
background-position: right bottom; (lo alineará a la derecha y abajo)
O cualquier otra combinación como center top, right center, etc...
-background-repeat:
background-repeat: no-repeat; (No repite la imágen)
background-repeat: repeat-x; (repite la imágen en el eje x)
background-repeat: repeat-y; (repite la imágen en el eje y)
background-repeat: repeat; (Opción por defecto de los navegadores, reepite la imágen en forma de mosaico).
-background-attachment:
background-attachment: fixed; (Fija el fondo con lo cual solo se mueve el contenido al mover el scroll).
Espero que te haya servido.
Altareum.
-
como hago para que una imagen ocupe todo el ancho y largo!
Saludos,
-
como hago para que una imagen ocupe todo el ancho y largo!
Saludos,
:D Que sepa no existe posibilidad de "stretch", por lo menos en el estándar. Con Jscript, ASP, PHP o lo que tengas a mano puedes determinar la resolución de la pantalla del cliente y cargar uno u otro fondo.
-
yo he visto que sitios hacen eso con su web, con una imagen hace que pcupen todo el ancho y alto.
Saludos :(
-
yo he visto que sitios hacen eso con su web, con una imagen hace que pcupen todo el ancho y alto.
Saludos :(
Pues pon los enlaces y aprenderemos como lo hicieron. ;)
Pero estoy seguro que es algún "truco" con javascript y css.
-
Hola Amilius
Cheka este sitio: http://www.desarrollodeweb.com.ar/ (http://www.desarrollodeweb.com.ar/).
Su fondo es solo una línea :S. :blink:
Saludos
-
En ese site que pusiste... no hay ningún Javascript... solo CSS:
1- La imagen (que puedes ver aquí (http://www.desarrollodeweb.com.ar/includes/images/bg2.gif) ) tiene dimensiones de 1px x 220px.... La cual la repiten en el eje x
2- para llenar la web hasta 'abajo'. lo que hacen es poner un fondo del mismo color que el último valor del degradé de la imágen.
3- Por último tiene aplicado el efecto de 'fixed', lo que hace que el fondo quede fijo.
Con lo cual el css queda:
background-image:url(../images/bg2.gif);
background-repeat:repeat-x;
background-attachment:fixed;
Altareum.
-
Cheka este sitio: http://www.desarrollodeweb.com.ar/ (http://www.desarrollodeweb.com.ar/).
La imagen claramente esta que trata de cubrir la parte vertical y del horizontal no se preocupa ya que para que la pag sea mas optima y no sea lenta al momento de cargarla con esa imagen se repite como un mosaico y no se nota pero queda bien el efecto, y la propiedad FIXED hace que se quede estatica y ya no se repita el mosaico verticalmente
:comp:
-
:huh: , gracias Kev y Altareum! Son grandes B) !
Yo taba buscando la propiedad en la cual hacía que encaje toda la imagen y no la encontraba en ningún sitio, todo era cosa de tener un poco de imaginación....
Gracias, saludos!
-
eso actua como un mosaico, un conjunto de baldozas, es obvio que la imagen se va a repetir, sino queres que se repita usa un IMG.
-
eso actua como un mosaico, un conjunto de baldozas, es obvio que la imagen se va a repetir, sino queres que se repita usa un IMG.
¿Para qué respondes a los mensajes de hace 1 año? :angry: