- 締切済み
表と画面の余白について
ホームページ作成初心者です。 Yahoo!のフリースペースGeoCitesで、アドバンストHTMLエディタで直接タグを打って作成していますが、表の行を追加すると、追加した行の幅だけ上部に余白ができてしまい、画面の下半分に表が表示されます。 余白はタイトルと表の間にできますが、タイトルを削除したり表の下に移動させても上面の余白は変わりません。不要な余白をなくす方法を教えて下さい。 ソースは以下の通りで、△△△の項目の<tr></tr>は２０位あります。 <html> <head> <title>◯◯◯</title> </head> <!--color--> <body bgcolor="#ddfff" text="#000000" link="#0000ff" vlink="#ff0000"> <center> <!--HEAD1--> <h1>タイトル</h1> <table border="1" cellpadding="3" width="700" cellspacing=1 bordercolor="#dddddd"> <tr bgcolor="#ccfff"> <th>◯◯◯</th> <th>◯◯◯</th> <th>◯◯◯</th> <th>◯◯◯</th> </tr> <tr> <td align="center">△△△</td> <td align="center">△△△</td> <td align="center">△△△</td> <td align="center">△△△</td> </tr> </table> </body> </html>
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- syunpei
- ベストアンサー率27% (194/717)
これだとどうですか？ センターあっても、かまいませんし、 そうそうあなたのタグ、センターをとじてませんでしたね <html> <head> <title>◯◯◯</title> </head> <!--color--> <body bgcolor="#ddfff" text="#000000" link="#0000ff" vlink="#ff0000"> <center> <!--HEAD1--> <font size="7">タイトル</font> <table border="1" cellpadding="3" width="700" cellspacing=1 bordercolor="#dddddd"> <tr bgcolor="#ccfff"> <th>◯◯◯</th> <th>◯◯◯</th> <th>◯◯◯</th> <th>◯◯◯</th> </tr> <tr> <td align="center">△△△</td> <td align="center">△△△</td> <td align="center">△△△</td> <td align="center">△△△</td> </tr> </table> </center> </body> </html>
- kosa
- ベストアンサー率25% (379/1464)
<!--color--> <body bgcolor="#ddfff" text="#000000" link="#0000ff" vlink="#ff0000"> <center> ここのセンターのタグですね<center>に対して</center>が見つかりませんね これを消してしまえば、問題なく見れましたよ！
お礼
ありがとうございます。 </center>・・忘れてました。 でも、これが原因ではないようです。
お礼
センターの閉じ忘れとタイトルは、余白の出現に関係ないようです。 問題は、△△△の項目の<tr></tr>の部分を増やすと現れます。 １～２行なら見やすくするための改行程度の余白ですが、２０も作ると、 ずいぶんと下に表示されてしまいます。 結局「行を増やさなければよい」と考え、 項目を１行目に、内容をリストのようにして２行目のセルに詰め込むことで 余白を減らすことで解決しました。 ご回答、ありがとうございました。