教えてください。
2行のテーブルを作ろうとしています。
1行目が項目で
2行目が入力できるようにしたいです。
入力できるようにしたいので
テーブル内にテキストボックスを作ったのですが
どうしてもテーブルを作る囲い線と
テキストボックスの右側の間に余白ができてしまいます。
テキストボックスの下にできる余白は
<form>
<table>
</table>
</form>
という感じで、テーブルをフォームで囲むことで
無くすことができました。
HTMLでこの余白を消せる方法がありましたら
ぜひ、教えてください。
よろしくお願いしますm(__)m
No.2ベストアンサー
- 回答日時:
ANo.1です。
「1行目が項目で2行目が入力」という事は、tableの構成は正しくはこうでしたね。
(省略)
<tr>
<th>項目名</th>
</tr>
<tr>
<td><input type="text" size="50" maxlength="100" name="hoge01" value=""></td>
</tr>
(省略)
失礼しました。でも、この結果でも同じですよ。
ただし…仮に、「項目名」に相当するデータのボリュームが、2行目の入力フィールドの長さより相対的に長くなってしまえば、当然余白はできますが。
そういう問題ではないですよね?
No.1
- 回答日時:
> どうしてもテーブルを作る囲い線とテキストボックスの右側の間に余白ができてしまいます。
サンプルで検証してみましたが、その様にはなりませんが…?
---------------------------------------------------------------------
【HTML】
---------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>サンプル</title>
<link href="/css/sample.css" type="text/css" rel="stylesheet" media="all">
</head>
<body>
<form method="post" action="#">
<table class="hoge" summary="入力フォーム">
<tr>
<th>項目名</th>
<td><input type="text" size="50" maxlength="100" name="hoge01" value=""></td>
</tr>
</table>
</form>
</body>
</html>
---------------------------------------------------------------------
【CSS】
---------------------------------------------------------------------
table.hoge {
border-collapse: collapse;
}
table.hoge th,
table.hoge td {
padding: 0;
border: solid 1px #000;
}
---------------------------------------------------------------------
たったこれだけの指定でも、IEやFirefox等での表示結果では、質問者様の仰る様なセルと入力フィールドとの間の隙間、はできません。
何か余計なスタイルを指定していませんか?実際のソースをもう少し詳細に補足して下さると原因が特定できるかもしれません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) テキストボックスの値をテーブルに入力したい 2 2022/06/28 12:08
- Access(アクセス) Accessの参照フィールドの列がずれてしまいます 1 2023/07/19 15:00
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- Visual Basic(VBA) ActiveReportのdetailをデータセットの自動バインドを使って帳票を出力しています。 1 2023/08/16 07:16
- IT・エンジニアリング ActiveReportのdetailをデータセットの自動バインドを使って帳票を出力しています。 1 2023/08/16 07:17
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- Ruby pandasでsqlite3にテーブル作成・追加・読み出しでindexの取り扱い方教えてください 5 2023/03/08 09:57
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
- Access(アクセス) Access IF文でテーブルに存在しない場合の処理について 2 2022/10/10 18:09
- Visual Basic(VBA) Excel VBA 複数選択したリストボックスからテキストボックスに転記したいです。 3 2023/03/19 18:31
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
HTML tableのセルにtextareaを使って外の枠に重ねて表示する方法
HTML・CSS
-
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
tableタグとformタグの組み合わせ
HTML・CSS
-
-
4
リクエストに応じたselectedの初期値設定方法
Java
-
5
<TD><input type=text"></TD>でテキストボックスとセルの間にわずかな隙間があいてしまう・・"
HTML・CSS
-
6
ボタンをセル内一杯に表示させる方法はありませんか?
HTML・CSS
-
7
テーブルの位置を細かく指定したい。
HTML・CSS
-
8
フォーム上で押されたボタンによってサーブレットの処理を変えたい
Java
-
9
JSPで<SELECT>の中にDBから持ってきたデータを反映させたい
Java
-
10
<JavaScript>tableタグを入力不可にしたい。
JavaScript
-
11
テーブルとテーブルの間隔について
HTML・CSS
-
12
テーブル内でドロップダウンメニューを使った際の行間
HTML・CSS
-
13
Selectの中身をfor文で入れる
JavaScript
-
14
JSPからYYYYMMDDで日付入力する
Java
-
15
テキストエリアについて
HTML・CSS
-
16
javascriptでセレクトボックスのselected"を動的につ"
JavaScript
-
17
Java-jspの画面入力値保持について
Java
-
18
チェックボックス付きのテーブルから、チェックの付いた行のみの値を取得したい
JavaScript
-
19
HTMLでDBからデータを表形式で表示するには?
HTML・CSS
-
20
form action=#""
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
TD、THタグ内の水平罫線(...
-
スタイルシートの使い方について
-
実行結果をデジタル時計みたい...
-
Excel で等間隔で縦線を引きた...
-
CSSのtransform: translate(-50...
-
エクセルでサイズ指定でPOP...
-
パソコンでランドルト環の作成...
-
PDFへてのテキストボックスにて...
-
2カラムの黄金比?レイアウト...
-
table内で画像と文字をセンター...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
バーコードのサイズは拡大縮小...
-
Excel2003のVBAで、セルの幅・...
-
【エクセルVBA】シェイプのサイ...
-
エクセル 画面表示拡大率によ...
-
テーブルとテーブルの間に、隙...
-
インラインフレームの表示位置...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
iframeのスクロールバー:縦だ...
-
markdownでテーブルの罫線は、...
-
【ホームページビルダー】表の...
-
(再度)行間を詰める方法
-
TD、THタグ内の水平罫線(...
-
<table>の<thead>を固定したい。
-
サイト全体を中央に表示したい...
-
テーブルを画面にの幅いっぱい...
-
colspanで余計な余白
-
<H1>を使わずに<H2>以下を使用...
-
以下のHTMLをスタイルシートで...
-
実行結果をデジタル時計みたい...
-
Iフレームを置いているページの...
-
表を作るときに枠線を
-
スペースが空きすぎて困ってい...
-
margin の指定のしかた
-
gooブログに表を挿入できないで...
-
DREAMWEAVERでテーブルに枠線
おすすめ情報