14/11/2006, 15:28
| |||
| |||
| 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. |
|
14/11/2006, 17:17
| ||||
| ||||
| 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. |
|
14/11/2006, 17:44
| |||
| |||
| 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. |
|
14/11/2006, 19:36
| |||
| |||
| 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 |
|
14/11/2006, 20:12
| ||||
| ||||
| 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. |
