Foros del Web » Creando para Internet » CSS »

width automatico con heigth con porcentaje

Estas en el tema de width automatico con heigth con porcentaje en el foro de CSS en Foros del Web. Buenas tardes amigos... a ver si me pueden ayudar con este problema que me tiene calvo!!.. tengo unas imagenes las cuales tienen alto fijo, pero ...
  #1 (permalink)  
Antiguo 12/03/2013, 11:11
 
Fecha de Ingreso: marzo-2009
Mensajes: 35
Antigüedad: 13 años, 3 meses
Puntos: 0
width automatico con heigth con porcentaje

Buenas tardes amigos... a ver si me pueden ayudar con este problema que me tiene calvo!!..

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:
<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>
HTML

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?

Etiquetas: ancho, automatico, html, imagenes, porcentaje, tabla, tamaño, width
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 19:28.