電子書籍の厳選無料作品が豊富!

テーブルの枠線とテキストフィールドの縦、横の隙間をなくしたい
テーブルの枠線とテキストフィールの枠を隙間なくピッチリとくっつけたい
です。コードを掲示しますのでご存知の方はどなたか修正願います
<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>

A 回答 (2件)

どの部分の隙間なのかわからないのですが、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>

とやるとできます。
    • good
    • 0

tdなどの要素には、内側の余白を指定する「padding」プロパティがあります。


ちなみに、外側の余白は「margin」です。

<style type="text/css">
td { padding: 0px; }
</style>

<td style="padding: 0px;">
でどうぞ。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!