Foros del Web » Creando para Internet » CSS »

Colocar como fondo Una imagen en lugar especifico

Estas en el tema de Colocar como fondo Una imagen en lugar especifico en el foro de CSS en Foros del Web. Hola. Gracias por chequear mi inquietud. Tengo una Pagina y quiero colocarle como fondo una imagen, ahora bien, necesito que esta imagen no se repita ...
  #1 (permalink)  
Antiguo 31/03/2003, 10:05
Avatar de zero_sos  
Fecha de Ingreso: noviembre-2002
Ubicación: Santo Domingo
Mensajes: 128
Antigüedad: 15 años, 1 mes
Puntos: 0
Colocar como fondo Una imagen en lugar especifico

Hola.

Gracias por chequear mi inquietud.

Tengo una Pagina y quiero colocarle como fondo una imagen, ahora bien, necesito que esta imagen no se repita y que me aparesca centralizada.

Como podria hacer esto???? gracias.

Atentamente,

Zero.
  #2 (permalink)  
Antiguo 31/03/2003, 10:33
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
Hola zero_sos:

<style>
body {background: white url(fondo.gif) no-repeat center center;
background-attachment: fixed;
</style>

Espero que te sirva

Saludos
  #3 (permalink)  
Antiguo 31/03/2003, 10:43
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola, zero_sos.

Menos mal que he estado atento, sino menudo coscorrón me pego con caricatos (¡Saludos !)

Como complemento, decir que se puede afinar más en la colocación de la imágen, indicándole la posición en pixels o en porcentajes:

background-position: 100px 40px;
background-position: 10% 20%;

Saludos,
  #4 (permalink)  
Antiguo 31/03/2003, 11:56
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
Hola otra vez: (Hola Javi )

Voy a re-complementar la respuesta:

Ésto background: white url(fondo.gif) no-repeat center center;
se puede desglosar como:
background-color: white;
background-image: url(fondo.gif);
background-repeat: no-repeat;
background-position: center center;

... y creo recordar que background-position: center center;
puede desglosarse como:
background-position-x: center;
background-position-y: center;

o también para position-x puede ponerse left/right
y para position-y top/bottom

Si me equivoqué en algo, espero que me corrijan.

Y una última cosilla:
Creo que no está en las FAQs css...

Si me lo confirman las pondré...

Saludos
  #5 (permalink)  
Antiguo 31/03/2003, 12:03
Avatar de zero_sos  
Fecha de Ingreso: noviembre-2002
Ubicación: Santo Domingo
Mensajes: 128
Antigüedad: 15 años, 1 mes
Puntos: 0
Muchas Gracias por todo, ya lo tengo.
  #6 (permalink)  
Antiguo 31/03/2003, 12:43
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola, caricatos.

He estado haciendo algunas pruebas y esto es lo que he sacado en limpio:

background-position-x: center;
background-position-y: bottom;

Esto solo funciona con Explorer.

background-position: center bottom;

Funciona en Explorer y Nescafé.

La FAQ-1 trata de fondos estáticos, pero es muy breve. Creo que estaría bien completarla con lo que se ha tratado en este mensaje.

Saludos,
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 19:45.