WINXPのメモ帳を使い、手打ちでhtmlを書いているのですが、改行タグを入れてないのに４行分も改行されてしまい困っています。（異常に空白があったので、反転させたら分かりました。）！！ - MUSIC - ！の、tableから上に４行空白が出来てしまいます。どうしても直したいので、分かる方は教えてくれないでしょうか。

テーブルの上に空白ができてしまう場合、そのテーブル内の記述に問題があることが多いです。例えば、この行は全角空白でインデント（字下げ）しています。のようにインデントを全角空白で書いてしまうと、その空白は td ブロック外のテキストとしてテーブルの上に表示されてしまいます。ですので、まずはテーブル内の～外に書かれている全角空白をチェックしてみて下さい。

htmlで改行タグを入れていないのに改行される

解決済

質問者：sai-mas
質問日時：2005/03/01 15:17
回答数：3件

WINXPのメモ帳を使い、手打ちでhtmlを書いているのですが、
改行タグを入れてないのに４行分も改行されてしまい困っています。
（異常に空白があったので、反転させたら分かりました。）
！<div align="center"><br>
！<font size="+2">- MUSIC -</font><br>
！<table border="0" cellpadding="1" cellspacing="0" width="90%">
の、tableから上に４行空白が出来てしまいます。
どうしても直したいので、分かる方は教えてくれないでしょうか。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： leaz024
回答日時：2005/03/01 15:57

テーブルの上に空白ができてしまう場合、そのテーブル内の記述に問題があることが多いです。

例えば、

<table>
　<tr><td>この行は全角空白でインデント（字下げ）しています。</td></tr>
</table>

のようにインデントを全角空白で書いてしまうと、その空白は td ブロック外のテキストとしてテーブルの上に表示されてしまいます。
ですので、まずはテーブル内の <td> ～ </td> 外に書かれている全角空白をチェックしてみて下さい。

- 3
- 件

通報する

この回答へのお礼

全角空白は使ってないはずだったのですが「念のため…」と思い、
テーブル内に使用した空白を消して、入れ直したら見事に隙間が埋まってくれました！
テーブル内の記述がテーブル外に影響するなんて思ってもいませんでした。
かなり悩んでいたので、とても嬉しいです。
ありがとうございます。

通報する

お礼日時：2005/03/01 17:01

No.3

回答者： Aquarius172
回答日時：2005/03/01 16:41

私も#1の方同様試してみましたが、正常に表示されました。

原因として考えられるのは、#2の方が仰っている「インデント(字下げ)」が全角空白で記入されているぐらいですね。

手打ちで「HTML」を打つ場合「メモ帳」は止めた方がいいと思います。

「メモ帳」よりは、フリーウェアのテキストエディタの方が使い勝手はいいと思います。
私は「TeraPad」を使っていますが、「全角空白」や「タブ」などには識別マークがつけられるので便利です。

参考URL：http://www.vector.co.jp/vpack/filearea/win/writi …

- 1
- 件

通報する

この回答へのお礼

全角空白が原因のようでした。
「TeraPad」は持ってはいましたが、全然使っていませんでした。
これからは使ってみようかと思います。
ありがとうございます。

通報する

お礼日時：2005/03/01 17:07

No.1

回答者： argi
回答日時：2005/03/01 15:55

実際にローカルで試してみましたが、質問内容のみを純粋に使用して実行すると問題なく表示されるようです。

tableタグ以下に問題があるのではないかと思われます。（tableを閉じていないとかtr/tdの閉じがないとか）
上記のような理由でテーブル自体の表示がテーブルより下のものより下になってしまったことがあったような無かったような。差し支えなければtable以下のソースもあると判断しやすいです。
以下に一応試したHTMLを記入しておきます。

---------ここから
<html>
<body>
test<br>
<div align="center"><br>
<font size="+2">- MUSIC -</font><br>
<table border="0" cellpadding="1" cellspacing="0" width="90%">
<tr><td>aaaaaaaaaaaa</td></tr>
</table>
</body>
</html>
---------ここまで