![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?e8efa67)
WINXPのメモ帳を使い、手打ちでhtmlを書いているのですが、
改行タグを入れてないのに4行分も改行されてしまい困っています。
(異常に空白があったので、反転させたら分かりました。)
!<div align="center"><br>
!<font size="+2">- MUSIC -</font><br>
!<table border="0" cellpadding="1" cellspacing="0" width="90%">
の、tableから上に4行空白が出来てしまいます。
どうしても直したいので、分かる方は教えてくれないでしょうか。
No.2ベストアンサー
- 回答日時:
テーブルの上に空白ができてしまう場合、そのテーブル内の記述に問題があることが多いです。
例えば、
<table>
<tr><td>この行は全角空白でインデント(字下げ)しています。</td></tr>
</table>
のようにインデントを全角空白で書いてしまうと、その空白は td ブロック外のテキストとしてテーブルの上に表示されてしまいます。
ですので、まずはテーブル内の <td> ~ </td> 外に書かれている全角空白をチェックしてみて下さい。
全角空白は使ってないはずだったのですが「念のため…」と思い、
テーブル内に使用した空白を消して、入れ直したら見事に隙間が埋まってくれました!
テーブル内の記述がテーブル外に影響するなんて思ってもいませんでした。
かなり悩んでいたので、とても嬉しいです。
ありがとうございます。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_13.png?e8efa67)
No.3
- 回答日時:
私も#1の方同様試してみましたが、正常に表示されました。
原因として考えられるのは、#2の方が仰っている「インデント(字下げ)」が全角空白で記入されているぐらいですね。
手打ちで「HTML」を打つ場合「メモ帳」は止めた方がいいと思います。
「メモ帳」よりは、フリーウェアのテキストエディタの方が使い勝手はいいと思います。
私は「TeraPad」を使っていますが、「全角空白」や「タブ」などには識別マークがつけられるので便利です。
参考URL:http://www.vector.co.jp/vpack/filearea/win/writi …
全角空白が原因のようでした。
「TeraPad」は持ってはいましたが、全然使っていませんでした。
これからは使ってみようかと思います。
ありがとうございます。
No.1
- 回答日時:
実際にローカルで試してみましたが、質問内容のみを純粋に使用して実行すると問題なく表示されるようです。
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>
---------ここまで
タグの閉じ忘れなどは目を皿にして探したのでありませんでし、
argiさんが書いてくださったHTMLも問題ありませんでした。
しかし空白が原因だったようで、一度テーブル内の空白を消して入れ直したら直りました!
回答ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 分数が正常に表示されない。 6 2022/05/09 18:53
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS HTMLソースの質問 3 2022/07/28 13:29
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでこの画像を表示したいで...
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
HTMLの CSSのファイルというの...
-
スマホ(android)のタッチパネ...
-
HTMLを正しく表示させるには
-
css初心者 フレックスボックス...
-
角丸画像の背景色を透明にした...
-
英字と日本語が並んだhtmlの自...
-
スマホでHTMLファイルを開いて...
-
HTMLで特定の文字だけ色を変え...
-
iPhoneで HTMLファイルを閲覧
-
サイトにコンテンツを並べる際...
-
webデザインの勉強で、HTML/CSS...
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
先日ウェブデザイン技能検定三...
-
X の仕様変更? 埋め込みフレー...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlで改行タグを入れていない...
-
テーブルwidthで指定したのに幅...
-
テーブルが横に長くなってしまう
-
バナーを並べて貼りたい
-
DreamWeaverで作るテーブル
-
DreameverMXで縦線、横線を無限...
-
テーブルが一行下がる・・・
-
影の無い線が引けない
-
テーブルの幅固定について
-
表の作成
-
《初心者です》HTMLの改行無効...
-
HTMLでテーブル幅を固定しても...
-
アクセスログの「HEAD」と...
-
大きくなった文字を元に戻すには?
-
ヤフオクの出品説明文をカラー...
-
ドラッグすると見える文字
-
隠しページの探し方
-
数値Lについて
-
トップページの入れ替えを教え...
-
グラデーションの仕方
おすすめ情報