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

注目の記事

ニコニコニュースのユーザーが思わず涙!ミミズの本能に感銘を受けた声をまとめてみた

先日、「教えて!gooウォッチ」では「専門家が解説。夏の路上で干からびているミミズの謎」という記事をリリースした。よくミミズが炎天下のアスファルトで干からびている光景を目にするのは何故なのか。専門家への...

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


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

おすすめ情報

カテゴリ