如何減少表格單元格中不需要的空間

在我的html中，我使用了一個表格來顯示從日期選擇器到日期選擇器。修復日期選擇器後，單元格佔用大量空間，所以我無法保留該表格放到我的網頁旁邊。如何減少表格單元格中不需要的空間

這是我的HTML，

<table border="1" cellspacing="0" > 
    <tr> 
    <td><input id="ir-box" type="checkbox"/></td><td colspan="3">Only show LIVE reports</td> 
    </tr> 
    <tr> 
    <td colspan="3"><input type="text" value="Keyword Search"/></td><td>{% include "buttons/go.html" %}</td> 
    </tr> 
    <tr> 
    <td colspan="4"><input class="incident-type" type="text" value="All Incident types" /></td> 
    </tr> 
    <tr> 
    <td colspan="4"><input class="incident-type" type="text" value="All Location types"/></td> 
    </tr> 
    <tr> 
    <td colspan="2">From</td><td colspan="2">To</td> 
    </tr> 
    <tr> 
    <td colspan="2"><input class="datefield" id="fromdate" type="text" value="dd/mm/yyyy"/></td><td colspan="2"><input class="datefield" id="todate" type="text" value="dd/mm/yyyy"/></td> 
    </tr> 
    <tr> 
    <td>s</td><td>f</td><td>s</td><td>{% include "buttons/go.html" %}</td> 
    </tr> 
</table>

我使用Django的Web框架，使用HTML設計網頁。

1.How減少細胞內的空間，這樣我可以保持桌面拋開我webpage.Help所需

感謝

來源

2013-04-22 user2086641