Que se estropea quiere decir que se distorsiona, Mirar lo que yo quiero es esto:
<html>
<head>
<title></title>
</head>
<body>
<table width="100%" border=0 align=center ID="Table9" style="position:absolute;top;200" name="Table9" >
<tr>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" width="48%" style="cursor:hand" onclick="//">
</td>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" width="48%" style="cursor:hand" onClick="//"> </td>
</tr>
<tr>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" width="48%" style="cursor:hand" onclick="//">
</td>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" width="48%" style="cursor:hand" onclick="//">
</td>
</tr>
</table>
</body>
</html>
Veis como segun vas cambiando el tamaño se encoge o se agranda???
Pues quiero eso para dos resoluciones por lo que no puedo poner width="48%" ya que en 800 no queda bien por lo que he pensado en hacerlo de esta manera=
<html>
<head>
<title></title>
<script>
function ResizePage()
{
if (document.body.offsetHeight < 500)//800x600
{
window.imagen1.width = "60%" ;
window.imagen2.width = "60%" ;
window.imagen3.width = "60%" ;
window.imagen4.width = "60%";
}
else//1024
{
window.imagen1.width = "48%" ;
window.imagen2.width = "48%" ;
window.imagen3.width = "48%" ;
window.imagen4.width = "48%";
}
}
</script>
</head>
<body onresize="ResizePage();">
<table style="position:absolute;top;200" ID="Table1" align=center width="100%" border=0 >
<tr>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" ID="imagen1" name="imagen1" style="cursor:hand" onclick="//">
</td>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" ID="imagen2" name="imagen2" style="cursor:hand" onclick="//">
</td>
</tr>
<tr>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" ID="imagen3" name="imagen3" style="cursor:hand" onclick="//">
</td>
<td class="clsLiteralData" align=center>
<img src="http://betihoritaldea.webcindario.com/images/fina.jpg" ID="imagen4" name="imagen4" style="cursor:hand" onclick="//">
</td>
</tr>
</table>
</body>
</html>
Pero no funciona porque no acepta "
window.imagen4.width = "48%"; "
Sabeis como lo puedo poner?