HTMLを作成していて、横一列に並べたいのに何故か一行下がってしまいます。
具体的には、
<TABLE width="50" border=1 align=left>
<TBODY>
<TR><TD noWrap align=middle>項目A</TD>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>
</TABLE>
<TABLE width="20" border=1 align=middle>
<TBODY>
<TR><TD noWrap align=middle>タイトル</TD></TR>
</TBODY>
</TABLE>
<TABLE width="50" border=1 align=right>
<TBODY>
<TR><TD noWrap align=middle>項目B</TD></TR>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>
というソースで、「項目A」→「タイトル」→「項目B」と横一線に並べたいのですが、何故か「項目B」が一行下がって表示されます・・・
HTMLを作るのは初めてで、色々と調べたのですがよく分かりませんでした・・・。
どなたか助けてください!!
よろしくお願い致しますm(_ _)m
No.4ベストアンサー
- 回答日時:
No.3 で書いた二つ目の方は、ちょっと間違いもあったんで、実際に書いて、
確認してみました。ちょっとタイトルが大きいのかもしれないけど、調整は
可能ですよね。
<HTML>
<body>
<TABLE width="100%" border=0>
<tr>
<td width="20%">
<TABLE width="50" border=1>
<TBODY>
<TR><TD noWrap align=middle>項目A</TD> </tr>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>
</TABLE>
<td valign="top">
<TABLE width="100%" border=1>
<TBODY>
<TR><TD noWrap align=middle>タイトル</TD></TR>
</TBODY>
</TABLE>
<td width="20%">
<TABLE width="50" border=1 align="right">
<TBODY>
<TR><TD noWrap align=middle>項目B</TD></TR>
<TR><TD noWrap align=middle Height=80><BR></TD></TR>
</TBODY>
</table>
</table>
</body>
</HTML>
No.3
- 回答日時:
「こうやりたい」という気持ちは伝わってきますが、それはブラウザまで届いて
いません。
三つの TABLE タグが、左・中央・右と指定されていますが、その三つが
お互いに関係していることがブラウザには分かっていません。
あくまでも、その一つの TABLE に対して、できるだけ中央にしよう、という
動きをするだけです。項目Bは、一行下がっているのではなく、タイトルの
テーブルの下に居るだけなんです。
というわけで、思い付く解決方法を二つ。
align の left、right は思ったより強いので、項目A、項目B、タイトルの
順に TABLE を書いてみましょう。質問の範囲であれば、期待通りの表示に
なるようです(Netscape でのみ確認)。
ただ、この方法は、それぞれのテーブルの大きさや形に依存しそうなので、
正攻法としては、三つのテーブルを持つ大きなテーブルを作ることが、一番
確実な方法です。
<table width="100%" border=0>
<tr width="40%"><td>
<table>
項目Aのテーブル内容をここに
</table>
<tr><td>
<table>
タイトルの内容をここに
</table>
<tr width="40%"><td>
<table>
項目Bのテーブル内容をここに
</table>
</table>
多少はしょってますが、こんな感じです。
>align の left、right は思ったより強いので、項目A、項目B、タイトルの
>順に TABLE を書いてみましょう。質問の範囲であれば、期待通りの表示に
>なるようです
これをIEでも試してみましたが、上手くいきました!!
記述の順番を変えれば良かったんですね・・・
その下の方法も、今試してみたところではちょっと上手くいかなかったのですが、もう少しやってみると何とかなるかもしれません。
ありがとうございました!!
No.2
- 回答日時:
以下のようにしてはダメですか?
<html>
<head>
<title>sample2</title>
</head>
<body>
<center><table border=1 WIDTH="50%" >
<tr>
<td noWrap align=middle Height=80>項目A</td>
<td noWrap align=middle>タイトル</td>
<td noWrap align=middle>項目B</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</center>
</body>
</html>
同一のテーブル内での表示なら、あらたにテーブルを作成せずに
同一テーブル内で記述してはどうでしょうか?
意図した表示と違う結果であれば、ごめんなさい。
あなたの表示させたいページの構成が読み取れませんでしたので。
ありがとうございます。
せっかくアドバイスいただきましたが、私の表現が悪く、ちょっと違っていたようです。
すみません・・・どう書いたらよいかわかりませんでしたので・・・。
ですが、アドバイスは今後の参考にさせていただきます!!
No.1
- 回答日時:
こうしたいのでは?と思う記述です。
<TABLE width="50" border=1 align=left>
<TBODY>
<TR>
<TD noWrap align=middle>項目A</TD>
<TD noWrap align=middle>タイトル</TD>
<TD noWrap align=middle>項目B</TD>
</TR>
<TR>
<TD noWrap align=middle Height=80>(項目Aの内容)</TD>
<TD noWrap align=middle Height=80>(タイトルの内容)</TD>
<TD noWrap align=middle Height=80>(項目Bの内容)</TD>
</TR>
</TBODY>
</TABLE>
どうしてもテーブルを3つ並べてトいうことであれば、
1)項目AのところのTRタグが閉じてない(</TR>がない)
2)項目Bの2行目が無い。
3)最後にTABLEタグが閉じていない(</TABLE>がない)
の3つを直せばいいと思います。
#確認はしてませんが...
この回答への補足
すみません、私の書き方が悪かったようです。
私がやりたかったのは、
(1)項目Aと項目Bはページの左右の端にそれぞれ表示。
(2)項目Aと項目Bの下には印鑑を押すぐらいのスペースを設ける(何も無い領域を作る)
(3)「タイトル」は枠で囲み、「項目A」の右隣に表示
というやりかたなんです・・・
アドバイスいただいた1~3も試してみましたが、ダメでした・・・(泣)
もう、どうしたらよいのやら・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSを教えて下さい webデザイナ...
-
htmlの文字が縦書きになる
-
CSSを教えて下さい webデザイナ...
-
テーブルの行を折りたたみたい...
-
CSSでinputのテキストカラーを...
-
2カラム、左メニュー、特定パー...
-
メモ帳の段落の揃え方
-
iPhoneで HTMLファイルを閲覧
-
画像が分割されて切り替わる、...
-
HTMLについて教えてください。 ...
-
スマホでHTMLファイルを開いて...
-
、URL化させるにはどうしたらい...
-
WEBページを強制的に横画面で見...
-
excelをhtmlに変換した途端、一...
-
WEBサイトの作成で、imgタグに...
-
htmlソース編集で、各タグを何...
-
CSSについて教えてください。 ...
-
CSS、Bootstrapについて contai...
-
HPレイアウトが同じページのヘ...
-
htmlソース文の 各行 改行位置...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlで改行タグを入れていない...
-
テーブルwidthで指定したのに幅...
-
テーブルが一行下がる・・・
-
画像(jpg、GIF)に重ね...
-
iframeについて・・・
-
《初心者です》HTMLの改行無効...
-
画像クリックで指定のテーブル...
-
HTMLでテーブル幅を固定しても...
-
バナーを並べて貼りたい
-
tableの中にtableを作ると、wid...
-
隠しページの探し方
-
アクセスログの「HEAD」と...
-
http://www.joho-hi.ed.jp/inde...
-
数値Lについて
-
大きくなった文字を元に戻すには?
-
ドラッグすると見える文字
-
アドレスバーへの直接入力を禁...
-
メールの文字が大きく印刷され...
-
PDFファイルをリンクするには?
-
ドメインを入力した際に「index...
おすすめ情報