Foros del Web » Creando para Internet » HTML »

Como puedo poner una imagen de fondo, que se redimensione a cualquier resolucion?

Estas en el tema de Como puedo poner una imagen de fondo, que se redimensione a cualquier resolucion? en el foro de HTML en Foros del Web. Hola a todos; soy novato en HTML y trabajo con Dreamweaver; y quiero saber como puedo poner una imagen completa ( es decir, no una ...
  #1 (permalink)  
Antiguo 03/12/2010, 05:32
Avatar de alexander_sp  
Fecha de Ingreso: febrero-2004
Ubicación: Barcelona
Mensajes: 694
Antigüedad: 13 años, 9 meses
Puntos: 4
Como puedo poner una imagen de fondo, que se redimensione a cualquier resolucion?

Hola a todos;
soy novato en HTML y trabajo con Dreamweaver;
y quiero saber como puedo poner una imagen completa ( es decir, no una imagen pequeñita que se repita, si no una imagen grande ) de fondo, pero que se pueda adaptar a los diferentes monitores o resuluciones de pantalla ????

y en medio pondre el contenido de la pagina, pero que por los lados y por arriba se pueda ver dicha imagen, pero que si la ven a una resolución grande se vea todoa la pantalla con la imagen, sin una parte en blanco. Por cierto actualmente a que resolución me aconsejais que haga la web ????

Saludos
__________________
http://www.greatividad.es/
  #2 (permalink)  
Antiguo 03/12/2010, 06:25
Avatar de raxper  
Fecha de Ingreso: enero-2010
Ubicación: ------
Mensajes: 472
Antigüedad: 7 años, 11 meses
Puntos: 2
Respuesta: Como puedo poner una imagen de fondo, que se redimensione a cualquier reso

Cita:
Iniciado por alexander_sp Ver Mensaje
Hola a todos;
soy novato en HTML y trabajo con Dreamweaver;
y quiero saber como puedo poner una imagen completa ( es decir, no una imagen pequeñita que se repita, si no una imagen grande ) de fondo, pero que se pueda adaptar a los diferentes monitores o resuluciones de pantalla ????

y en medio pondre el contenido de la pagina, pero que por los lados y por arriba se pueda ver dicha imagen, pero que si la ven a una resolución grande se vea todoa la pantalla con la imagen, sin una parte en blanco. Por cierto actualmente a que resolución me aconsejais que haga la web ????

Saludos
Mira te doy una pista, trabaja con porcentaje o sea en ves de poner al a imagen width='600' pongues width=60%
  #3 (permalink)  
Antiguo 03/12/2010, 11:52
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Como puedo poner una imagen de fondo, que se redimensione a cualquier reso

@raxper
el width=podrias aplicarselo a una imagen, no a un fondo, en todo caso el width y height deberían definirse para el elemento, (un div,supongamos) al que se le aplica.
la alternativa sigue siendo, detectar la resolución con javascript y crear un css para cada una, con su correspondiente imagen.

@alexander_sp

Yo comenxaría de 1024 x 768 hacia arriba.

Tambien te comento que hay otra opción, pero lamentablemente internet Explorer todavía no la implementa, que es usar la propiedd css3 background-size, esa si, te redimensiona un fondo y lo ajusta
te dejo una demo en

http://foros.emprear.com/css/background-size/bgs.html

pero como todo tiene su "pero", cuida de que tu imagen sea proporcional a los elementos que la van a contener, si no, no se repetirá, pero se deformará

en el código fuente del ejemplo está lo necesario.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 03/12/2010, 14:50
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: Como puedo poner una imagen de fondo, que se redimensione a cualquier reso

Yo he utilizado este http://johnpatrickgiven.com/jquery/background-resize/,

Puedes ver un ejemplo que he hecho en http://corepro.culturaweb.es (La imagen original es de 3000 y pico pixeles de ancho por casi 2000 de alto, por si acaso)

Un saludo,
__________________
Diseño web en Castellón · Consultoría SEO en Castellón
Proyectos de diseño, desarrollo, fotografía, iphone apps.
  #5 (permalink)  
Antiguo 03/12/2010, 16:34
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
Respuesta: Como puedo poner una imagen de fondo, que se redimensione a cualquier reso

Hola:

No se pueden dimensionar imágenes de fondo. El truco archi-conocido es poner la imagen que se pretende usar de fondo como primer tag del body con los estilos position, left, top, width y haight de manera que ocupen toda la página (Como me fastidia que se echen laureles algunas librerías...)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 03/12/2010, 16:39
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Como puedo poner una imagen de fondo, que se redimensione a cualquier reso

Por lo general, siempre suele haber más de un "lenguaje", método, versión y forma. Y para todas y cada una habrá al menos una situación para la que no sirvan.
http://bit.ly/am4HMs
Dos formas con css 2 de adaptar imágenes al 100% del body sin distorsiones.
  #7 (permalink)  
Antiguo 04/12/2010, 05:04
Avatar de alexander_sp  
Fecha de Ingreso: febrero-2004
Ubicación: Barcelona
Mensajes: 694
Antigüedad: 13 años, 9 meses
Puntos: 4
Respuesta: Como puedo poner una imagen de fondo, que se redimensione a cualquier reso

ok, merci a todos..........lo probaré !!!!!
saludos
__________________
http://www.greatividad.es/

Última edición por alexander_sp; 04/12/2010 a las 05:09

Etiquetas: fondo, poner
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 21:28.