初めてのホームページ作成に挑戦してます。
スタイルシートでデザインを調整しているのですが、
<H>タグの見出しと<P>タグの本文の間隔をCSSで二つの要素のマージンを0、パディング0にしても文字一つ分の間隔が空きます。ある一定の間隔以上縮めることができません。
また<H>タグと<TABLE>タグの間隔も<P>タグ以上に大きく間隔が開いてしまいそれ以上縮めることができなくて困ってます。
こういうものなんでしょうか?
<DIV>タグなら間隔を好きなように調節でます。全て<DIV>タグで見出しも本文も書きたいくらいです。表は無理ですが・・・。
No.3ベストアンサー
- 回答日時:
<h></h>と<p></p>の間に全角スペースがあったりはしませんか?
<table>~</table>の中に<td></td>の中以外の場所に全角スペースがあったりはしませんか?
ソースを見やすくするための形成(字下げ)に全角スペースを使っているとか。
(上記が当てはまるなら、字下げは半角スペースかタブキーで)
No.2
- 回答日時:
行間隔の空きはタグによって確かに違いますね。
とは言え、hタグ pタグにはSEO上の利点もあり、重要なタグなのでスルーするわけにも行きません。
私が使っているテクニックは、これと言う大事なところではpositionを使います。
例えば;
<h1 style="position:relative; top:12;">abc</h1>
こうすればこの場合h1の行が12ピクセル下がります。tableタグでも同じです。但し下げたものの上部は空きスペースが増えます。
同じような対策ですが、逆にその下に来る要素を上げる手もあります。
<h1>abc</h1>
<div style="position:relative; top:-10;">def<br>
ghi</div>
No.1
- 回答日時:
閲覧しているブラウザにもよるかもしれません。
また、他の要素のマージンで間隔があいているのかもしれません。
ためしに、
<p>aaa</p>
<p>aaa</p>
<p>aaa</p>
と並べてみても、どこも間隔があいているのか確かめてみたほうがよいかもしれません。
あと、cssファイルの該当箇所を書いていただけるといいと思います。
回答有難うございます。
解決出来ました。
HTMLソースのインデント設定でスペースを使っていたのが原因でした。
半角スペースは影響しないと思い込んでました。基本的なことが分かっていなかったです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLのdlとul どちらが正しいと思いますか 3 2023/02/23 11:20
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- その他(学校・勉強) この中で間違ってある説明はありますか?詳しい方に教えていただきたいです。 A. 1つのプログラムが複 2 2023/07/14 01:15
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- メルカリ メルカリでの下着の出品について 3 2023/07/30 16:27
- Amazon Amazonで、前回購入した履歴から全く同じ衣類(Tシャツ)の商品を購入したのですが、前回購入した時 2 2022/07/11 22:48
- livedoor Blog(ライブドアブログ) タグ文字エラーが出る 1 2022/08/19 13:32
- HTML・CSS CSS の疑問です 1 2023/02/15 18:13
- Word(ワード) ワード(2013)行間設定について 3 2023/08/08 09:27
- Instagram どう思いますか? 以前、旦那が私と結婚した時の指輪や婚姻届が付いている写真をインスタにあげたんです。 2 2022/07/14 21:05
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSで改行後の行間調整
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
2個のFormを横並びにしたい
-
マージソートの計算量について-...
-
HTMLの〈li〉について教えてく...
-
質問1.
-
CSSのセレクタに指定するbodyと...
-
双方向リストのソート方法につ...
-
CSSでのブロックレイアウトがう...
-
spanでグループ化して二段組
-
改行ほどは行かないけど、若干...
-
NからZへの全単射を具体的に構...
-
「諸要素」とはどういう意味で...
-
H1タグを画像にしたい
-
HTMLです 四角みたいにして中に...
-
htmlの文字が縦書きになる
-
HTML ul li で横並びにナビゲー...
-
<div id="container">の使いか...
-
html <ul></ul>の並びで一行空...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
質問1.
-
2個のFormを横並びにしたい
-
「諸要素」とはどういう意味で...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
角丸画像の背景色を透明にした...
-
改行ほどは行かないけど、若干...
-
マージソートの計算量について-...
-
親要素・子要素
-
border: noneでボタンの境界線...
-
C言語 並び替え(配列)について
-
tdに対してmin-heightの定義、...
-
HTMLでTextareaを横に2つ並べ...
-
テキストボックスの中にリンク...
-
CSSで改行後の行間調整
-
H1タグを画像にしたい
-
ある要素の中身を全部グレーア...
おすすめ情報