Foros del Web » Creando para Internet » HTML »

imagen de fondo?

Estas en el tema de imagen de fondo? en el foro de HTML en Foros del Web. hola estoy tratando de poner una imagen de fondo en una pagina web, pero esta como es chica se pone como mosaico, bueno, yo la ...
  #1 (permalink)  
Antiguo 12/06/2008, 17:57
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
imagen de fondo?

hola estoy tratando de poner una imagen de fondo en una pagina web, pero esta como es chica se pone como mosaico, bueno, yo la quiero poner que este estirada (no mosaico) como lo puedo hacer?

tengo esto:
<body background="fondo.jpg">

ya use esto:
<body background="fondo.jpg" bgproperties="fixed">
y no funciona, gracias.
  #2 (permalink)  
Antiguo 12/06/2008, 18:16
Avatar de Anya82
Colaborador
 
Fecha de Ingreso: noviembre-2007
Ubicación: tij.bc.mx
Mensajes: 1.269
Antigüedad: 10 años
Puntos: 196
Respuesta: imagen de fondo?

la propiedad de "fixed" no deforma las imagenes, solo la manera en como se acomodaran en el fondo: si se movera, o se quedara siempre fija.

porque no mejor editas la imagen original?

Yo no aconsejo tomar una foto pequeña y estirarla en toda la pantalla, pues se pixelara y se vera mal.
__________________
¿Ya se enteraron? Grandes y maravillosas noticias... ¡Google no te cobra por búsqueda!
  #3 (permalink)  
Antiguo 12/06/2008, 18:19
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
Respuesta: imagen de fondo?

bueno, ese no es el detalle si se pixela o no, por la razon ke sea necesito hacerlo, gracias
  #4 (permalink)  
Antiguo 12/06/2008, 18:31
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: imagen de fondo?

Prueba esto:

<body>
<img src="tu_imagen.xxx" class="fondo" />
...
...
</body>

y en a parte de la css:

body {width: 100%; height: 100%;}
img.fondo {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

Mikel.
  #5 (permalink)  
Antiguo 12/06/2008, 18:33
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
Respuesta: imagen de fondo?

esa es para poner una imagen estirada, o bien, una imagen estirada como fondo de pagina?


veo que usas la etiqueta img, creo que ocuparia el body, que es lo que hace tu codigo? gracias
  #6 (permalink)  
Antiguo 12/06/2008, 18:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: imagen de fondo?

Mira, si la pones de fondo no se va a estirar para ocupar todo el ancho y alto de tu pagina, siempre saldrá al tamaño que tenga.

La forma de hacerlo, es poner realmente la imagen en el html, darle el 100% de ancho y alto del body y colocarla en posición absoluta pegada arriba y a la izquierda, de manera que permitirá que el resto de tu página esté sobre ella como si fuera un fondo.

No obstante, lo más sencillo es que lo pruebes pasa saber si es lo que estás buscando.

Mikel.
  #7 (permalink)  
Antiguo 15/06/2008, 09:42
 
Fecha de Ingreso: febrero-2008
Mensajes: 17
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: imagen de fondo?

Hola, lo mejor seria editar la imagen y darle las dimenciones que tenga tu pagina.
De paso dejo un dato, por si te llega a servir. Esto sirve cuando uno tiene una imagen chica de fondo y quiere que esta no se repita y quede solita arriva a la izquierda en este caso.

Se hace con CSS:

body {background-image:"la imagen que tengas"; background-position:top right (si va en esa posicion); background-repeat:no-repeat; backgrounr-color:"el color que quieras de fondo, sino se veria la imagen y lo demas todo blanco";}

Espero que te haya ayudado en algo... 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 17:00.