05/01/2006, 08:43
| ||||
| ||||
| Redimensionar imagen al tamaño de una celda Una manito y si pueden las dos... Tengo: - Una tabla que ocupa el 100% del ancho de la página - Una imagen inserta dentro de la tabla. Cómo? Condiciono que la imagen redimensione su ancho y alto proporcionalmente para que siempre ocupe el 100% del ancho de la tabla?? Gracias :) Tilu
__________________ "Casualidad es el juego favorito del destino", Tilu |
|
05/01/2006, 09:17
| ||||
| ||||
| Hola tilu Intentalo con Css: <img src="imagen.jpg" style="width:100%" /> Saludos,  |
|
05/01/2006, 09:23
| ||||
| ||||
| Muy fácil, usando CSS mira: Cita: En este caso hemos definido los estilos dentro de las etiquetas teniendo en el tag <table> definido el ancho al 100% (tal y como lo requieres) y en el interior de los tags <td> las imágenes con width y height al 100% tb, con lo que la imágen se expande en su proporción del 100% de ancho y el 100% de alto pero limitada por el ancho de su contenedor <td>. Asimismo si defines propiedades fijas de alto o ancho en el td ya bloqueas la imágen en uno de sus ejes X o Y, pero ya perderías la proporción.<table style="width: 100%;"> <tr> <td><img src="img.jpg" style="width: 100%; height: 100%;"/></td> <td><img src="img2.jpg" style="width: 100%; height: 100%;"/></td> <td><img src="img3.jpg" style="width: 100%; height: 100%;"/></td> </tr> <td><img src="img4.jpg" style="width: 100%; height: 100%;"/></td> <td><img src="img5.jpg" style="width: 100%; height: 100%;"/></td> <td><img src="img6.jpg" style="width: 100%; height: 100%;"/></td> </table> De todas formas es más recomendable definir una hoja de estilos en el <head> y crear clases con estas propiedades para ahorrar código, no se si sabes como hacerlo, pero sino vuelve a preguntar en este post. Ya me dices algo. Un saludo y suerte. |
|
08/12/2008, 11:51
| |||
| |||
| Respuesta: Redimensionar imagen al tamaño de una celda Hola, tengo el mismo problema...pero con IExplorer. Con el código dado, funciona perfectamente con Mozilla Firefox. Sin embargo, con IEx ignora el campo width de la tabla (100% de la pantalla y tb los width de las img) y presenta las imagenes con su tamaño absoluto en pixels y no el relativo en % (ya le pongas 5 que 100%) ....Resultado un scroll enorme cuando el ancho deberia haberse ajustado a la resolucion de la pantalla. ¿Sabeis si esto se puede solucionar y como? Gracias. |
|
08/12/2008, 16:56
| ||||
| ||||
| Respuesta: Redimensionar imagen al tamaño de una celda Sonia79 si lo que quieres es que la imagen se adapte a la celda el código que te dieron arriba, si quieres que la celda se adapte a la imagen <td width="0" heigth="0"> en cualquier caso siempre es mejor hacer la imagen al tamaño que necesites y te ahorras todo esto. |
|
08/12/2008, 18:39
| |||
| |||
| Respuesta: Redimensionar imagen al tamaño de una celda Hola minipunk, quiero que la imagen se adapte a la celda, y funciona bien con el código de mas arriba (width y heigth al 100%) pero solo para Firefox...para IExplorer no funciona. |
Este tema le ha gustado a 1 personas 
