tengo unas imagenes las cuales tienen alto fijo, pero que varian en el largo. quiero ponerlas de tal manera de que siempre ocupen el 50% del ancho de la web y que se muestren con scroll de forma horizontal. Dentro de una tabla las declaro todas con heigth 50% de manera tal de que no importe el navegador y la resolucion de pantalla la imagen siembre se muestre del mismo tamaño. el width lo pongo en auto. El problema es que no toma el width... (las imagenes se cortan, los td de la tabla no respeta el width de la imagen)
les muestro el codigo para que vean y me puedan ayudar con esto.. porfavooor...
CSS
Código:
HTML<style type="text/css">
html, body {
width:100%;
height:100%;
margin:0;
padding:0;
}
#gallery {
width: 100%;
height: 100%;
background-color: #099;
overflow: scroll;
}
img{
width:auto;
height:50%;
}
</style>
Código:
<table border="0" cellspacing="0" cellpadding="0" id="gallery"> <tr> <td> <img src="0.jpg"/> </td> <td> <img src="1.jpg"/> </td> <td> <img src="2.jpg"/> </td> <td> <img src="3.jpg"/> </td> <td> <img src="4.jpg"/> </td> <td> <img src="0.jpg"/> </td> <td> <img src="1.jpg"/> </td> <td> <img src="2.jpg"/> </td> <td> <img src="3.jpg"/> </td> <td> <img src="4.jpg"/> </td> </table>
Alguien me puede ayudar con esto?
