不要な余白を削除する方法を教えてください。

解決済

質問者：ringo1111
質問日時：2007/04/17 16:43
回答数：4件

超初心者です。企業のホームページ担当になってしまい、毎日頭から煙を出しながら仕事をしています。txtに下記のようなタグを打ち、ｕｐしてみたところ、表題<h1>～</h1>と表の間に変な余白ができてしまいました。どのようにすればこの余白が消えるのでしょう？
全くの初心者が本を読み読み、またこちらでヒントを頂きながら仕事を進めていますが、度々壁にぶつかっています。
あまりにも初歩的な質問かもしれませんが、どうぞ教えてください。
よろしくお願いいたします。

<h1>○○リーグで活躍！応援に行こう</h1>
<table border="1" width="600"><tr bgcolor="#eeeeee" height="0" height="0">
<th align="center">日　程</th>
<th align="center">開始時刻</th>
<th align="center">対戦相手</th>
<th align="center">球　場</th>
<th align="center">結　果</th>
</tr>
<tr>
<td align="center">○月○日（○）</td>
<td align="center">１３：００～</td>
<td>○○株式会社</td>
<td>△球場</td>
<td>○○ 9 - 6 ■■</td>
</tr>
</table>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

No.1

回答者： miho5098
回答日時：2007/04/17 17:20

本来ならば、スタイルシートというものを使ったほうが良いのですが、「超初心者です」との事でしたので・・・

<h1 style="margin:0px;padding:0px;">○○リーグで活躍！応援に行こう</h1>

上記のようにしてみてはいかがですか？
ホームページについて「とほほ」というサイトは勉強になりますよ^^

参考URL：http://www.tohoho-web.com/www.htm

- 0
- 件

通報する

この回答へのお礼

はじめまして！早速のご回答ありがとうございました。
明日、出社したらやってみます。

「とほほ」は分かりやすく説明してあるので、初心者の私には
大変ありがたいです。

ありがとうございました。

通報する

お礼日時：2007/04/17 19:16

No.2

回答者： noname#30818
回答日時：2007/04/17 19:12

<table border="1" width="600">

<caption>○○リーグで活躍！応援に行こう</caption>
<tr bgcolor="#eeeeee" height="0" height="0">
<th align="center">日　程</th>
<th align="center">開始時刻</th>
<th align="center">対戦相手</th>
<th align="center">球　場</th>
<th align="center">結　果</th>
</tr>
<tr>
<td align="center">○月○日（○）</td>
<td align="center">１３：００～</td>
<td>○○株式会社</td>
<td>△球場</td>
<td>○○ 9 - 6 ■■</td>
</tr>
</table>

- 0
- 件

通報する

この回答へのお礼

早速のご回答ありがとうございました。

明日出社したらそのようにやってみます。
勉強になりました。

通報する

お礼日時：2007/04/17 19:18

No.3

回答者： naokita
回答日時：2007/04/18 09:01

<h1 style="margin:0">でＯＫ

１段目の<tr>でheight="0" がダブルで記述・・・（不要では？）
<th>は元々センター配置です（align="center"も不要では？）
-----------------------------------------------------
<h1 style="margin:0">○○リーグで活躍！応援に行こう</h1>
<table border="1" width="600"><tr bgcolor="#eeeeee">
<th>日　程</th>
<th>開始時刻</th>
<th>対戦相手</th>
<th>球　場</th>
<th>結　果</th>
</tr>
<tr>
<td align="center">○月○日（○）</td>
<td align="center">１３：００～</td>
<td>○○株式会社</td>
<td>△球場</td>
<td>○○ 9 - 6 ■■</td>
</tr>
</table>

この回答への補足

早速のご回答ありがとうございます。
教えていただいたやり方でやってみたのですが「ドド～ン」
と、余白が残っています。なぜでしょう？？
本当に困ってしまいました。

補足日時：2007/04/18 10:27

通報する

- 0
- 件

通報する

No.4ベストアンサー

回答者： naokita
回答日時：2007/04/18 17:44

＃３　naokitaです。

補足への回答ですが、もう解決しましたか？
一応、再確認しましたが問題（隙間）無く表示されます。
ご利用は古いブラウザですか？　オペラ２とかネスケ４とか？
（＃３は環境的には約９９％のユーザーが表示可能です）

コピー＆ペーストしてから再確認してみて下さい。
ちなみにＨＴＭＬだけで変更確認する場合は、
元の表記の下に記述し見比べると変更確認が確実です。
また、タグ手打ちでは無くコピペで写しましょう（ケアレスミスが無い）
コピペミスもありますがｗ・・・

＜head部DOCTYPE等抜きに　上が元のtable　下が改良後＞
-------------------------------------
<html>
<body>

<h1>○○リーグで活躍！応援に行こう</h1>
<table border="1" width="600"><tr bgcolor="#eeeeee" height="0" height="0">
<th align="center">日　程</th>
<th align="center">開始時刻</th>
<th align="center">対戦相手</th>
<th align="center">球　場</th>
<th align="center">結　果</th>
</tr>
<tr>
<td align="center">○月○日（○）</td>
<td align="center">１３：００～</td>
<td>○○株式会社</td>
<td>△球場</td>
<td>○○ 9 - 6 ■■</td>
</tr>
</table>

<h1 style="margin:0">○○リーグで活躍！応援に行こう</h1>
<table border="1" width="600"><tr bgcolor="#eeeeee">
<th>日　程</th>
<th>開始時刻</th>
<th>対戦相手</th>
<th>球　場</th>
<th>結　果</th>
</tr>
<tr>
<td align="center">○月○日（○）</td>
<td align="center">１３：００～</td>
<td>○○株式会社</td>
<td>△球場</td>
<td>○○ 9 - 6 ■■</td>
</tr>
</table>
</body>
</html>
---------------------------------------
どんな環境下でＨＰ製作をしているのかわかりませんが
Winならメモ帳に写し保存先を指定しファイル名をfoo.html等で、
ファイルの種類をすべてのファイルにし保存し保存先からＷクリック
もしくは右クリック・プログラムから開く・ブラウザ選択して見て下さい。
（メモ帳を開く→コピペ→保存→確認　１分で出来ます）

こちらも初心者の頃はミスばっかりでしたので頑張って下さい。

- 0
- 件

通報する

この回答へのお礼

ご丁寧にありがとうございました。
実はこのページには別にcssファイルが指定してあり、それとの
関係でうまくいかなかったようです。

ご親切に教えていただきありがとうございます。
やる気だけはあるものの、ｈｔｍｌって何？レベルの超初心者が
企業のホームページ更新の仕事をさせていただくことになり
頭から煙をだしつつも、「知る」ことが楽しい毎日です。

私もいつか、naokitaさんのように、誰かにアドバイスできる
くらいになれるよう日々精進していくつもりです！

通報する

お礼日時：2007/04/19 09:27

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！