- ベストアンサー
TBテーブルの表示位置
テーブルを作成し、テーブル自体は思い通り表示されたのですが、テーブルが表示されるのがページのかなり下のほうなのです。 文字列のすぐ下に表示したいのですが、どうしても表示できません。 文字列のすぐ下に表示する方法をご教授下さい。 <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <BODY> <CENTER> <H1>文字列</H1> <TABLE BORDER> <TR>・・・・・（テーブルの中身）</TR> </TABLE> </CENTER> </BODY> </HTML>
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<H1>タグの仕様（ブロック要素）で改行が入ってしまうようですね。 下記のようにすれば余白が少なくできるようです。 <CENTER> <TABLE border="0" cellspacing="0"> <CAPTION>文字列</CAPTION> <TBODY> <TR> <TD>・・・・・（テーブルの中身）</TD> </TR> <TR> <TD></TD> </TR> <TR> <TD></TD> </TR> </TBODY> </TABLE> </CENTER>
その他の回答 (3)
- fluffy
- ベストアンサー率29% (87/293)
ほしいのはこういうのではない？ <HTML> <HEAD> <TITLE>書いてみた</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"></HEAD> <style type="text/css"> CENTER {line-height: 0pt; } </style> <BODY > <CENTER> <H1>文字列</H1> <TABLE border="1"> <TR> <td>なにか？</td> </TR> </TABLE> </CENTER> </BODY> </HTML>
お礼
全角スペースを使っていたことが問題だった様です。 ありがとうございました。
そもそも、TABLEタグの書き方が間違ってます。私も初心者に毛が生えた程度の知識しかありませんがこれではブラウザによってはきちんと表示されません。 それから改行（BRタグではなく）したときにスペースをタブ代わりにするとご希望の表示にならないと思いますので余り全角スペースは多用しない方がよろしいかと思います。 それからHタグは改行をします。TABLEタグも改行します。つまり余計に改行をすることになりますから気をつけてください。 一応例を作ってみました。 ＃BORDER属性をつけるならきちんと数値を入れてください。 <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <BODY> <CENTER> <H1>文字列</H1> <TABLE BORDER="1"> <TR><TD>・・・・・（テーブルの中身）</TD></TR> </TABLE> </CENTER> </BODY> </HTML> ほかにも書きようはありますのでHTMLタグをそれなりに勉強された方がいいと思いますよ。
お礼
HTMLを現在勉強し始め、はじめてのテーブル作成です。 ご指摘のとおり、全角スペースを使っていたことが問題でした。 ありがとうございます。
- sisya
- ベストアンサー率39% (97/244)
そもそも書き方がむちゃくちゃですよ？ <TR></TR>の間に直に文を書くのではなく <TD>もしくは<TH>で囲みましょう。 また、<TABLE>タグの要素の 「BORDER」を書くなら値を設定しましょう 例：<TABLE BORDER="0"> それを踏まえて以下のように書けば変な隙間はあかないのではないでしょうか？ <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <BODY> <CENTER> <!--タイトル--> <table border="0" cellspacing="0" cellpadding="0"> <tr><td><H1>文字列</H1></td></tr> </table> <table border="0" cellspacing="0" cellpadding="0"> <tr><td><H1>・・・・・（テーブルの中身）</H1></td></tr> </TABLE> </CENTER> </BODY> </HTML>
お礼
先ほども述べたとおりテーブル自体は思い通り表示されていたので<TD>は省略しました。誤解を招いたようで申し訳ないです。 「文字列」と表記したものはテーブルに入れたくないので残念ながらこの方法では出来ません。 わざわざご丁寧にありがとうございました。
お礼
ご指摘のとおりHタグと全角スペースの影響だったようです。 ありがとうございます。