テーブルの枠線とテキストフィールドの縦、横の隙間をなくしたい

解決済

質問者：tkwavek
質問日時：2010/07/06 16:02
回答数：2件

テーブルの枠線とテキストフィールドの縦、横の隙間をなくしたい
テーブルの枠線とテキストフィールの枠を隙間なくピッチリとくっつけたい
です。コードを掲示しますのでご存知の方はどなたか修正願います
<body>
<table width="900" border="1" style="height:25px;">
<tr>
<td rowspan="2" width="400"></td>
<td rowspan="2" width="50"></td>
<td rowspan="2" width="100"><input type="text"readonly="readonly"value="サンプルシステム（株）" style="height:25px;"/></td>
<td rowspan="2" width="50"></td>
<td rowspan="2" width="100"><input type="text"readonly="readonly" value="システム管理者"style="height:25px;"/></td>
<td width="60"style="height:12px;">実施日</td>
<td width="140"><input type="text" readonly="readonly" width="140"value="2010/07/01" style="height:12px;"/></td>
<tr>
<td height="19" style="height:12px;">CODE</td>
<td><input type="text" readonly="readonly" width="140" value="TTSORD50P" style="height:12px;"/></td>
</tr>
</table>
</body>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： Java-Java
回答日時：2010/07/08 11:58

どの部分の隙間なのかわからないのですが、boderをくっつけたいと言うことでしょうか？

HTMLであれば<table>に「cellpadding="0" cellspacing="0"」を付けます。
CSSであれば<table>に「style="border-collapse:collapse;"」を付けます。

HTMLの場合は、これだと1+1の2pxの枠がつきます。
HTMLで1pxの枠にしたい場合は、

<table cellpadding="0" cellspacing="1" bgcolor="#000000">
<tr>
<td bgcolor="#FFFFFF">　</td>
<td bgcolor="#FFFFFF">　</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">　</td>
<td bgcolor="#FFFFFF">　</td>
</tr>
</table>

とやるとできます。