contesten lo mas rapido posible pofis..

MoNsTeR_x · #1 (**permalink**) 16/04/2003, 20:11

bueno.. lo que quiero decir es que como le hago para poner una imagen de fondo en una pagina web sin que se salgan varias imagenes en cuadritos chiquitos en vez de una grande y centrada..

porfavor.. si no le entendieron expliquenme sobre el tema

gnomist · #2 (**permalink**) 17/04/2003, 04:59

Sencillamente tienes que procurar que la imagen de fondo sea al menos tan grande como el tamaño de la ventana, incluyendo el espacio que se despliega con el scroll....

Saludos

MoNsTeR_x · #3 (**permalink**) 17/04/2003, 07:57

que chido esto he... y yo que pensaba que huuu.. me hiban a tardar en contestar.. ta chi

do esto.. gracias

mousecolor · #4 (**permalink**) 19/04/2003, 03:38

Primero create el fondo a 800 x 600
Utiliza Hojas de estilo. En el apartado de fondo elige las opciones de "no repetir" - "posición horizontal medio posición vertical centrado".
Suerte

Carlitos · #5 (**permalink**) 19/04/2003, 05:13

Hola.

No hace falta que la imágen sea tan grande como la resolución de la pantalla.

Para que una imagen salga de fondo y no se repita (mosaico) se debe añadir el siguiente estilo:

background-repeat: no-repeat

Si queremos que la imágen salga en una posición determinada, incluiremos esto:

background-position: [coordenadas] || [top | center | bottom] || [left | center | right]

por ejemplo:

backkground-position: 200px 300px
background-position: top center (arriba y centrado)
background-position: center center (en el centro de la pagina)
etc...

Y si además queremos que se quede fija, añadiremos:

bgproperties=fixed

Resumiendo:

Para que una imagen de fondo no se repita, salga en una posición determinada y quede fija, la instrucción completa es:

<body background="imagen.jpg" style="background-repeat: no-repeat; background-position: center center" bgproperties=fixed>

Espero te sirva de ayuda.

Un saludo.

Carlitos · #6 (**permalink**) 20/04/2003, 03:47

Una cosa más.

Para que el fondo se quede fijo en Netscape, hay que añadir este estilo:

background-attachment: fixed

O sea que al final quedará:

<body background="imagen.jpg" style="background-repeat: no-repeat; background-position: center center;background-attachment: fixed" bgproperties=fixed>

Gracias Tunait.

||Dj|| · #7 (**permalink**) 20/04/2003, 04:15

Cita:

contesten lo mas rapido posible pofis..

Man, acá nadie cobra por ayudar, date cuenta de que el que te puede dar una mano lo hace desinteresadamente y lo va a hacer de acuerdo a sus TIEMPOS y posibilidades.

Un saludo.

maestro · #8 (**permalink**) 20/04/2003, 20:13

OJO!!!, ten en cuenta que una imagen en color de 800x600 pixels te va a ocupar casi 100 KB, salvo que la comprimas bastante en JPG, es por ello que habitualmente se usan pequeñas imagenes en mosaico.