Foros del Web » Creando para Internet » HTML »

Redimensionar imagen

Estas en el tema de Redimensionar imagen en el foro de HTML en Foros del Web. Veamos...no se si esto ira aqui. Tenemos una capa div de por ejemplo 150 de alto y 50% de ancho. Y en la propiedad css ...
  #1 (permalink)  
Antiguo 14/11/2006, 15:28
 
Fecha de Ingreso: julio-2006
Ubicación: Desde mi casa
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Redimensionar imagen

Veamos...no se si esto ira aqui.

Tenemos una capa div de por ejemplo 150 de alto y 50% de ancho. Y en la propiedad css brackground de la capa, una imagen de 800x200 pixeles.

La duda que tengo es...¿hay alguna forma de reescalar la imagen al tamaño de la capa?

Es que al mostrar la web usando una resolucion menor, el texto que esta centrado en la imagen, luego al ser la capa de menor tamaño el texto sale desplazado a la derecha.
  #2 (permalink)  
Antiguo 14/11/2006, 17:17
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Utilizado Javascript puedes redimensionarla, aunque no creo que sea buena idea. Lo optimo seria que trataras de optimizar tu div (no capa) para que respondiera "bien" en cualquier resolucion. Saludos.
  #3 (permalink)  
Antiguo 14/11/2006, 17:44
 
Fecha de Ingreso: julio-2006
Ubicación: Desde mi casa
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
No...si el div lo hace bien. Lo tengo puesto para que me ocupe el 50% del ancho del documento y 150 px de alto. Pero lo que no consigo es que la imagen de background se ajuste al div. Cuando uso otra resolucion, la imagen en vez de ajustarse al nuevo ancho del div, que es lo que quiero, se pierde imagen por los bordes al ser la imagen mas grande que el div.
  #4 (permalink)  
Antiguo 14/11/2006, 18:19
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Por eso te decia, trata de conseguir una imagen que no tenga estas limitaciones... o busca algun codigo javascript en el google que redimensione imagenes. Saludos.
  #5 (permalink)  
Antiguo 14/11/2006, 19:36
 
Fecha de Ingreso: julio-2006
Ubicación: Desde mi casa
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
OK!!!

Ahora al reves...

Si por ejemplo cojo una imagen de 300px. Y a 1024 de resolucion se ajusta perfectamente al div. Cuando se usa una resolucion mayor, 1280 en este caso...el ancho del div aumenta, ya que esta al 50%, pero la imagen entonces ya no queda bien; a no ser que use el repeat-x. Pero al usar el repeat, como que ya queda feo xDDD A ver si encuentro alguna forma de si usar el repeat-x que la imagen se ajuste, pero sin repetirse.

Salu2 y zenkiu por las respuestas
  #6 (permalink)  
Antiguo 14/11/2006, 20:12
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Sigue siendo el mismo problema, con dos soluciones claras:

1) haces que tu div se mantenga en el mismo tamaño, asi podrás utilizar una imagen simple sin problemas.

2) haces tu imagen del tamaño maximo posible (a la resolucion maxima que apuntes), y a traves de javascript la redimensionas dependiendo del navegador. Aclaro que en este caso también la imagen no se verá igual de bien, ya que también pierde calidad al achicarse, no se nota tanto como en el caso opuesto.

Existe una tercera opcion, creo yo, la mas inteligente pero dificil de realizar, porque requiere pensar :) ...

3) hacer que la imagen quede bien a pesar del tamaño que tenga el div, o sea, encontrar la forma de ensamblarla a pesar de la resolucion. Quizas con un degrade hacia uno de sus costados, yendose al color del fondo del div... ideas hay miles, hay que encontrar la que te sirva.

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 01:46.