I can not edit the table manually
picture
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<link href="style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
function load_content () {
if (parent.document.getElementById('main_div')) {
parent.document.getElementById('main_div').innerHTML=document.getElementById('inner_frame').innerHTML;
}
if (!parent.document.getElementById('main_div')) {
window.location=('in.html') ;
}
}
</script>
</head>
<body onload="load_content()">
<div id="inner_frame">
<table cellpadding="0" cellspacing="0" border="0" width="766" style="height:314px; ">
<tr>
<td style="vertical-align:bottom;"> </td>
<td height="100%">
<table cellpadding="0" cellspacing="0" border="0" width="196" style="height:100%; ">
<tr><td height="62"><img src="images/title_4_1.gif" alt="" style="margin:29px 0px 0px 0px;"></td></tr>
<tr><td height="100%" style="padding-left:3px; "><br></td>
</tr>
<tr><td><img src="images/spacer.gif" width="1" height="14" alt=""></td></tr>
</table>
<td><img src="images/spacer.gif" width="38" height="1" alt=""></td>
<td width="100%">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%;">
<tr>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td width="100%"><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/corn_0_t_r.gif" alt=""></td>
</tr>
<tr>
<td style="background:url(images/corn_0_bg_l.gif) left top repeat-y; "><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td height="100%" bgcolor="#AABFD1" class="border_4_1">
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="height:100%;">
<tr><td height="47"> </td>
</tr>
<tr>
</tr>
<tr><td><form name="form1" method="post" action="#" onsubmit="return chk(this); ">
<table width="306" border=0 cellpadding=0 cellspacing=5>
<tr>
<td width="705"><table width="62%" border="1" cellpadding="0" cellspacing="0" bordercolor="#A617FB">
<tr>
<td><table width="884" height="69" >
<tr>
<td width="216" bgcolor="#CC99FF"><div align="center">Keyword</div></td>
<td colspan="2"><input name="word" type=text id="M_search3" value="" size=27> <!-- select name="condition" id="condition">
<option value="1">อย่างน้อยหนึ่งคำ</option>
<option value="2">ทุกคำ</option>
</select--></td>
<td width="216"><input name="submit" type=submit class='bluebutton' value="Search">
<input name="reset2" type="reset" class='bluebutton' value="Reset" /></td>
</tr>
<tr>
<td height="24" bgcolor="#CCCCFF"><input type=radio name="check_field" value="_All_" checked>
Any Field</td>
<td width="216"bgcolor="#CCCCFF">
<meta http-equiv="Content-Type" content="text/html; charset=windows-474">
<div align="left">
<input type=radio name="check_field" value="TITLE">
Title </div>
<td width="216" bgcolor="#CCCCFF">
<div align="left">
<input type="radio" name="check_field" value="AUTHOR" />
Author</div></td>
<td width="216" bgcolor="#CCCCFF"><input type=radio name="check_field" value="YEAR">
Year</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</form><img src="images/spacer.gif" width="1" height="11" alt=""></td></tr>
<tr><td height="1" bgcolor="#96A8B8"><img src="images/spacer.gif" width="1" height="1" alt=""></td></tr>
<tr><td><img src="images/spacer.gif" width="1" height="16" alt=""></td></tr>
<tr><td><img src="images/title_4_3.gif" alt="" style="margin:0px 0px 9px 3px;"></td></tr>
<tr><td height="100%" style="padding:0px 0px 0px 2px; ">
<form action="" id="form"><table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="100%" height="100%">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr>
<td align="right" height="20" width="100%" style="padding-top:3px;" nowrap> </td>
<td> </td>
</tr>
<tr>
<td align="right" height="20" style="padding-top:3px;"> </td>
<td style="vertical-align:middle;"> </td>
</tr>
<tr>
<td align="right" height="20" style="padding-top:3px;"> </td>
<td style="vertical-align:bottom;"> </td>
</tr>
</table>
</td>
<td> </td>
</tr>
<tr>
<td align="right" height="10" style="padding-top:3px;"><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td align="right" style="padding:2px 0px 0px 0px; "> </td>
</tr>
</table></form>
</td></tr>
<tr><td><img src="images/spacer.gif" width="1" height="10" alt=""></td></tr>
</table>
</td>
<td style="background:url(images/corn_0_bg_r.gif) left top repeat-y; "><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td><img src="images/corn_0_b_l.gif" alt=""></td>
<td width="100%" style="background:url(images/corn_0_bg_b.gif) left top repeat-x; "><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/corn_0_b_r.gif" alt=""></td>
</tr>
</table>
</td>
<td><img src="images/spacer.gif" width="17" height="1" alt=""></td>
</tr>
</table>
</div>
</body>
</html>
i try to extend the table but it is fixed how to edit it?