OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
締切り
済み

表と画面の余白について

  • 困ってます
  • 質問No.234330
  • 閲覧数68
  • ありがとう数2
  • 気になる数0
  • 回答数2
  • コメント数0

お礼率 91% (11/12)

ホームページ作成初心者です。

Yahoo!のフリースペースGeoCitesで、アドバンストHTMLエディタで直接タグを打って作成していますが、表の行を追加すると、追加した行の幅だけ上部に余白ができてしまい、画面の下半分に表が表示されます。

余白はタイトルと表の間にできますが、タイトルを削除したり表の下に移動させても上面の余白は変わりません。不要な余白をなくす方法を教えて下さい。

ソースは以下の通りで、△△△の項目の<tr></tr>は20位あります。

<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
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

回答 (全2件)

  • 回答No.1
レベル13

ベストアンサー率 25% (379/1464)

<!--color--> <body bgcolor="#ddfff" text="#000000" link="#0000ff" vlink="#ff0000"> <center> ここのセンターのタグですね<center>に対して</center> ...続きを読む
<!--color-->
<body bgcolor="#ddfff" text="#000000" link="#0000ff" vlink="#ff0000">
<center>

ここのセンターのタグですね<center>に対して</center>が見つかりませんね

これを消してしまえば、問題なく見れましたよ!
お礼コメント
trifle

お礼率 91% (11/12)

ありがとうございます。
</center>・・忘れてました。
でも、これが原因ではないようです。
投稿日時 - 2002-03-13 17:13:49


  • 回答No.2
レベル12

ベストアンサー率 27% (194/717)

これだとどうですか? センターあっても、かまいませんし、 そうそうあなたのタグ、センターをとじてませんでしたね <html> <head> <title>◯◯◯</title> </head> <!--color--> <body bgcolor="#ddfff" text= ...続きを読む
これだとどうですか?
センターあっても、かまいませんし、
そうそうあなたのタグ、センターをとじてませんでしたね

<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>
お礼コメント
trifle

お礼率 91% (11/12)

センターの閉じ忘れとタイトルは、余白の出現に関係ないようです。

問題は、△△△の項目の<tr></tr>の部分を増やすと現れます。
1~2行なら見やすくするための改行程度の余白ですが、20も作ると、
ずいぶんと下に表示されてしまいます。

結局「行を増やさなければよい」と考え、
項目を1行目に、内容をリストのようにして2行目のセルに詰め込むことで
余白を減らすことで解決しました。

ご回答、ありがとうございました。
投稿日時 - 2002-03-13 17:28:20
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ