Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/08/2009, 23:35
Cesaro14
 
Fecha de Ingreso: agosto-2009
Mensajes: 3
Antigüedad: 14 años, 8 meses
Puntos: 0
Ayuda para AJUSTAR imagenes en TABLAS HTML

Hola, mi problema es el siguiente,
quiero colocar 3 imagenes en una tabla de 3x1, las inserto de la siguiente manera ( a manera practica)

<table cellspacing="1" align="center" width="100%" border="1">
<tr align="center">
<td width="33%"><img src="foto1.jpg" class="ImageSmall" ></td>
<td width="33%"><img src="foto2.jpg" class="ImageSmall" ></td>
<td width="33%"><img src="foto3.jpg" class="ImageSmall" ></td>
</tr>
</table>

pero utilizo lo siguiente para las imagenes:

<style type="text/css">
<!--
.ImageSmall
{
border: none 0px #ffffff;
width:100%;
cursor: url("cursores/plus.cur"), pointer;
}
-->
</style>

como se darán cuenta las imagenes son mucho más grandes que la tabla, la cual quiero que tenga siempre el mismo ancho, y no varíe de igual manera para las columnas.

Al usar este codigo en FF funciona OK, las imagenes se ajustan exacta y correctamente al tamaño de las columnas, pero al momento de probar en IE, la tabla se deforma y las imagenes toman su tamaño original.

Existe algun truco para que funcione ok en IE, debido a que esta tabla no necesariamente es del tamaño de la ventana y puede estar dentro de otra o de un div.

Espero que entiendan mi duda y me puedan ayudar
gracias