- ベストアンサー
HPの文章と表の間に空欄が入ってしまうのです。
- HPの文章と表の間に空欄が入ってしまう問題について困っています。
- メモ帳で書いたHPソースに項目タイトル、画像、案内文と並べて次の行に表を描き込んだところ、意図しない空行ができてしまいます。
- また、表の下にもう一つ表を作成していますが、画面上の位置のコントロールができません。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
訂正 <html> <head> ←これです <title>あああ</title> <style type="text/css"> <!-- p { margin: 0.2em; } --> </style> </style>←これ要りません </head> <body> 本文 </body> </html>
その他の回答 (2)
- ぜ り~(@-Jelly-)
- ベストアンサー率34% (132/383)
・改行が入っているのか? →提示されたソースの中に改行は入っていません ・<p>のまわりの不必要な余白を消したいのか? 前者の場合は、提示された部分だけでは無理です 後者の場合は、Pのマージン(余白)を指定することで解消できます >ご教示のとおり p{・・・}といれ手もそのまま画面に表示されるだけです。 引き続き意味がわからないのですが。 P { margin: 0.2em; } という言葉がそのままブラウザに表示されるということですか? それは残念ながら、正しく表記されていれば 、あり得ません。 書き方が間違っています。 スタイルシートが分からない場合は、 <head>の中に以下をコピーしてくださいと書いたつもりでした。 ???と書いてしまって分かりにくかったかと思いました すみません、 <head>の場所は、 <html> <head> ←これです <title>あああ</title> <style type="text/css"> <!-- p { margin: 0.2em; } --> </style> </style> </head> <body> 本文 </body> </html> こうなるようにしてください。 それと、 <h2> <font color ="green">お裁縫教室について<hr></h2> となっている部分ですが、 <hr>を <h2>あああ<h2><hr>にしてください 以上です
お礼
お礼遅くなってごめんなさい。 尾者るとおりにして、解決しました。 ありがとうございました。
- ぜ り~(@-Jelly-)
- ベストアンサー率34% (132/383)
提示されたソースのみを表示させると、 変な空行は入っていません。 見間違いか、ソースが違いませんか? <P>で囲った部分の前後に不必要な余白が出来る、 という意味なら分かりますが。 スタイルシート使用なら P { MARGIN: 0.2EM; } の1行を追加してください。 スタイルシート???の場合は、 <HEAD>の中に <style type="text/css"> <!-- P { MARGIN: 0.2EM; } --> </style> を入れてください >画面上の位置のコントロールが出来ない こっちのほうは質問の意図すら分かりませんでした スイマセン テーブルをそのまま <CENTER>テーブル</CENTER>とか、 <div align="rignt"> テーブル</DIV> とかで囲っても位置がかわらないということですか?
補足
早速にありがとうございます。 当方、お恥ずかしいのですが、CCSは分かりません。ご教示のとおり p{・・・}といれ手もそのまま画面に表示されるだけです。 いちおう、ご教示のとおりやってみましたが解消しません。 実は、問題の箇所の上方(前の部分)案内文、<table・・・・> <caption> ・・・・・<tr>~</tr></table>とやると、空白行を生じないで次行に進みます。 同じ手法で別の場所では問題が起こるというのは、なにか問題の場所に他の部分からの反映があるからでしょうか。お願いします。
お礼
早速の再度のご教示ありがとうございました。 まことに申し訳ないのですが、ご教示いただきながら理解できず、トラブルも解消できませんでした。私の能力がご指導を受け止められなかったとご理解ください。 おそらくどこか他の行での入力ミスの所為(反映)だと思います。 実は以前からよくこの空行の現象に悩まされておりました。 初心者に起こりがちのこととあきらめます。お世話様でした。