HPビルダー１５に「行間」が見つからない

質問

HPビルダー１５を使っています。行間があまりに詰んで読みにくいので、少し開けたいと思います。

「スタイルシート」－「追加」－「文字のレイアウト」と進んでも「行間」がありません。「文字」と「ワード」の高さはあります。ネットで調べると、HPビルダー１３から１５にはすべて「行間」があり、不思議に思っています。

ご参考に写真を載せておきます。どのようにすればコレステロールの行間が出るのか、どなたかご教示を願います。
なお、ビルダーを開くときは標準にしています。OSはVistaです。

よろしくお願いします。

この投稿のマルチメディアは削除されているためご覧いただけません。

回答No.3

naokita · ベストアンサー

最初は面倒かもしれませんが、ツールを使わずに挑戦してみませんか？

初心者さんのサイトで連続<br><br>などの改行でスペースを空ける場合が多いですが、文法的には間違いです・・・
-----------------------
一般的に行間とは、line-heightで指定します。
（本来の意は、１行の高さを指定）

＞行間(margin)
１行の場合は行間ですが、複数行の場合はNO.2さんのmarginでは適応されず、marginが段落間として広くなります。

ホームページビルダーのツールなんか使うよりも、
ソースに直接書いてしまいましょう。
ホームページビルダーでのソースを表示出来るはずです。
あるはずの画像が無いので不明ですが・・・
段落は、
<p>文章文章文章文章文章文章<br />文章文章文章<p>
のような感じになっていると思いますが？
↓
<p style="line-height:1.8;">文章文章文章文章文章文章<br />文章文章文章<p>

style="line-height:1.8;"
ブロック要素のタグに半角開けて、style属性で書いただけです。

数値は　2emとか30pxとかでも良いですが、
1.4～1.6程度の値なしで設定するのが読みやすい感じになります。
2.2とか3とか大きな数値で設定すると１行の高さがかなり広くなります。

１行の場合や枠内の場合は、paddingでも同じようにできます。
枠に対しての内スペースを空けます。
<h1 style="padding:14px 0 30px 50px;">タイトル</h1>

枠外のスペースを空ける指定は、margin
<h2 style="margin:14px 0 30px 50px;">サブタイトル</p>

各数値を変更して表示すると意味が分かるでしょう。

慣れれば、NO2さんのように外部のCSSファイルで一括変更します。

このように使っていくと、少しずつCSSを覚える事が出来て、
ホームページビルダーやソフトなどが邪魔くさくなるでしょう・・・
そうやってソフトが無くても細かい修正が出来るようになったり、スキルアップしていきます。

詳しくは、「 line-height 」で検索すると理解出来るでしょう。

お礼

大変詳しいご回答をいただき、ありがとうございます。
さっそくプリントアウトしてお教えいただいたことを試してみます。
楽しみです。感謝！!！！

回答No.2

ORUKA1951

行の高さ(line-height)と行間(margin)、ブロックの内辺(padding)は違います。
見つからなければ、CSSファイルに直接
p{margin:0;line-height:1.4em;}
とか記述すりゃ簡単
　オーサリングツールを使うより簡単なこともある。

お礼

ご回答をいただき誠にありがとうございます。
少々難解な言葉があり、初心者には戸惑いがありますが、上の方の
回答とも参考にさせていただきます。

回答No.1

・真 綾・（@Ma-yan_bh1011）

「行の高さ」

お礼

「行間」という言葉がHPビルダーでは使われなくなったのでしょうか。
「行の高さ」で試したら、うまくできたりうまくいかなかったり。
結構面倒ですね。ご回答ありがとうございました。