教えてください。
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も見ています
-
外出時に「待たせる妻」vs イライラする「待つ夫」は日本だけ?見習いたい海外事情
夫の家事参加に積極的なイメージのある海外でも、同様の事例はあるのか。結婚カウンセラーの佐竹悦子さんに伺ってみた。
-
tableタグとformタグの組み合わせ
HTML・CSS
-
HTML tableのセルにtextareaを使って外の枠に重ねて表示する方法
HTML・CSS
-
テーブルタグの中にdivを含めてはダメ?
HTML・CSS
-
-
4
テーブル内でドロップダウンメニューを使った際の行間
HTML・CSS
-
5
<TD><input type=text"></TD>でテキストボックスとセルの間にわずかな隙間があいてしまう・・"
HTML・CSS
-
6
テーブルとテーブルの間隔について
HTML・CSS
-
7
テーブルの位置を細かく指定したい。
HTML・CSS
-
8
テーブルの一部分のセルだけにスクロールバーを付けたいのですが、うまくいきません。
HTML・CSS
-
9
<JavaScript>tableタグを入力不可にしたい。
JavaScript
-
10
ボタンをセル内一杯に表示させる方法はありませんか?
HTML・CSS
-
11
JSPで<SELECT>の中にDBから持ってきたデータを反映させたい
Java
-
12
TABLEのセルの中の文字を行単位、セル単位で色を変えたい
HTML・CSS
-
13
Javascript_submit()完了後に処理したい
JavaScript
-
14
HTMLでDBからデータを表形式で表示するには?
HTML・CSS
-
15
HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う
HTML・CSS
-
16
submitをボタン以外にするには
HTML・CSS
-
17
formのinputなどの幅100%指定
HTML・CSS
-
18
テキストエリアについて
HTML・CSS
-
19
テーブルの行の高さを指定する時全てのtdタグに?
HTML・CSS
-
20
リクエストに応じたselectedの初期値設定方法
Java
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
TD、THタグ内の水平罫線(...
-
テーブル固定幅のサイトをスマ...
-
Excel で等間隔で縦線を引きた...
-
エクセルでサイズに合ったもの...
-
aタグに直接style=""で:hoverを...
-
バーコードのサイズは拡大縮小...
-
指定時間になったら、WEBサイト...
-
<tbody>は何のためにあるんでし...
-
<h1>タグの後の行間を詰めたい。
-
iphoneでcanvaを利用してるので...
-
インラインフレームの表示位置...
-
HTMLフォームのSELECTの幅を一...
-
window.close()で閉じられない
-
パソコンでランドルト環の作成...
-
Excelの列や行の幅を表示...
-
INPUT TEXT内の文字位置を指定...
-
ホームページビルダーでセルの...
-
端から端まで横線を引きたい
-
エクセルで一部分のセルの高さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlでテーブル内にテキストボ...
-
テーブル内の一部のみ線を変更...
-
かっこいいウェブを作るテク
-
TD、THタグ内の水平罫線(...
-
iframeのスクロールバー:縦だ...
-
Firefoxでページ位置が微妙にず...
-
【ホームページビルダー】表の...
-
ホームページビルダーで表と表...
-
項目名が勝手に折れる・・・
-
markdownでテーブルの罫線は、...
-
テーブルを画面にの幅いっぱい...
-
<H1>を使わずに<H2>以下を使用...
-
実行結果をデジタル時計みたい...
-
(再度)行間を詰める方法
-
スペースが空きすぎて困ってい...
-
<HR>タグについて
-
SEO対策 <Body>タグ直下のテキ...
-
DREAMWEAVERでテーブルに枠線
-
開いたウインドウで、常に真ん...
-
<table>の<thead>を固定したい。
おすすめ情報