Foros del Web » Creando para Internet » HTML »

contesten lo mas rapido posible pofis..

Estas en el tema de contesten lo mas rapido posible pofis.. en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/04/2003, 21:11
 
Fecha de Ingreso: abril-2003
Ubicación: Comalapa
Mensajes: 2
Antigüedad: 14 años, 8 meses
Puntos: 0
Pregunta contesten lo mas rapido posible pofis..

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
  #2 (permalink)  
Antiguo 17/04/2003, 05:59
 
Fecha de Ingreso: marzo-2002
Mensajes: 151
Antigüedad: 15 años, 9 meses
Puntos: 0
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
  #3 (permalink)  
Antiguo 17/04/2003, 08:57
 
Fecha de Ingreso: abril-2003
Ubicación: Comalapa
Mensajes: 2
Antigüedad: 14 años, 8 meses
Puntos: 0
neta que..

que chido esto he... y yo que pensaba que huuu.. me hiban a tardar en contestar.. ta chi do esto.. gracias
  #4 (permalink)  
Antiguo 19/04/2003, 04:38
 
Fecha de Ingreso: febrero-2003
Mensajes: 29
Antigüedad: 14 años, 10 meses
Puntos: 0
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
  #5 (permalink)  
Antiguo 19/04/2003, 06:13
Avatar de Carlitos
Colaborador
 
Fecha de Ingreso: mayo-2001
Ubicación: Zaragoza
Mensajes: 1.302
Antigüedad: 16 años, 7 meses
Puntos: 24
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.
__________________
Carlos - Zaragoza
  #6 (permalink)  
Antiguo 20/04/2003, 04:47
Avatar de Carlitos
Colaborador
 
Fecha de Ingreso: mayo-2001
Ubicación: Zaragoza
Mensajes: 1.302
Antigüedad: 16 años, 7 meses
Puntos: 24
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.
__________________
Carlos - Zaragoza
  #7 (permalink)  
Antiguo 20/04/2003, 05:15
Avatar de ||Dj||  
Fecha de Ingreso: enero-2002
Mensajes: 2.349
Antigüedad: 15 años, 11 meses
Puntos: 1
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.
  #8 (permalink)  
Antiguo 20/04/2003, 21:13
Avatar de maestro  
Fecha de Ingreso: febrero-2002
Ubicación: España
Mensajes: 2.364
Antigüedad: 15 años, 10 meses
Puntos: 1
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.
__________________
Jose Maria Fernandez
[email protected]
Http://www.expansionweb.net
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:21.