Q質問

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

注目の記事

なぜ熱中症は起きるのか?心理学的観点から見た熱中症のメカニズム

夏本番で海やプール、花火、お祭りと楽しい行事が増える反面、連日の暑さで体調を崩す人も多い。中でも熱中症で緊急搬送された人のニュースがこの時期は多くなる。東京消防庁が2014年に発表したデータでは、熱中症の...

このQ&Aを見た人が検索しているワード


このカテゴリの人気Q&Aランキング

おすすめ情報