テーブルhtmlのテキストボックスのサイズを減らす方法は？

Question

テキストボックスの幅を減らす方法は？ NEWYORKは、私は、この表には良い修正あなたが同時に<td>と<th>を使用する必要はありません

 <table style="background-color:#778899; width: 100%;" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td><th><font color="white">Distance(i,j)</font></td> 
     <td><th><font color="white">newyork</font></th></td> 
     <td><th><font color="white">chicago</font></td> 
     <td><th><font color="white">topeka</font></td> 
    </tr> 
    <tr> 
     <td><th><font color="white">seattle</font></th></td> 
     <td style="background-color:#CD5C5C; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
     <td style="background-color:#87CEEB; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
     <td style="background-color:#000080; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
</tr> 
<tr> 
    <td><th><font color="white">san-diego</font></th></td> 
    <td style="background-color:#CD5C5C; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
    <td style="background-color:#87CEEB; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
    <td style="background-color:#000080; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
</tr> 
</table> 

Answer 1

になりたい第二のカラム の中で理解すべきです。ここでhttp://jsfiddle.net/e3pHj/

コードです：

私は

（あなたはそれが縮小またはサイズ属性を使用したい場合は、各入力で100％の幅を減らすことができます）

チェックこのjsfiddleを幅を減少させませんでした

<table style="background-color:#778899; width: 100%;" cellpadding="0" cellspacing="0"> 
    <tr> 
     <th><font color="white">Distance(i,j)</font></th> 
     <th><font color="white">newyork</font></th> 
     <th><font color="white">chicago</font> 
     <th><font color="white">topeka</font></th> 
     </tr> 
    <tr> 
     <th><font color="white">seattle</font></th> 
     <td style="background-color:#CD5C5C; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
     <td style="background-color:#87CEEB; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
     <td style="background-color:#000080; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
</tr> 
<tr> 
    <th><font color="white">san-diego</font></th> 
    <td style="background-color:#CD5C5C; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
    <td style="background-color:#87CEEB; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
    <td style="background-color:#000080; padding: 3px;"><div style="margin-right: 3px;"><div style="padding-right: 3px;"><input type="text" style="width:100%;"></div></div></td> 
</tr> 
</table>​