<html>
<head>
<title>Table resizing</title>
<script language="JavaScript">
function sh(i)
{
a = document.getElementById("MyCell").width;
document.getElementById("MyCell").width = parseInt(a) + parseInt(i);
if (parseInt(i) > 0 )
document.getElementById('right').focus();
else
document.getElementById('Left').focus();
}
// document.mainTable.height = myHeight;
// document.mainTable.width = myWidth;
</script>
</head>
<body>
<table id="MyTable" border="1" width="100%" cellpadding="0" style="border-collapse: collapse" bordercolor="#808080">
<tr>
<td id="MyCell" width=200>
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" height="100%">
<tr>
<td>
<p align="center">My Name is Gideon koch</p>
<p align="center"> </p>
<p align="center"> </td>
<td valign="top"><p align="right"><input type="button" value="<<" id="Left" onclick="sh(-50)"></td>
</tr>
</table>
</td>
<td>
<table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" height="100%">
<tr>
<td valign="top"><p align="left"><input type="button" value=">>" id="right" onclick="sh(50)"></td>
<td>
<p align="center">How are you today</p>
<p align="center"> </p>
<p align="center"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>