ユーザー助け合い掲示板

記事 3 へのレス：

>>2 ▼<style>を【トップデザイン編集】に書いている
あっ……読んでてその可能性も考えていましたがやはり……。
<style>の記述場所はそこではありません。
<style>タグでのスタイルシートは、head間に記述します。

次に
>>2 ▼スタイルシートをhead間に移動すると、想定のデザインより無駄に余白ができる
こちらは、この余白というのが「無駄に行間が広くなる」という意味でしたら、
『自動改行する』設定になっているせいで、改行タグ<br />（※<br>と意味は同じ）が意図せず挿入されている、
……という状態かと思われます。（つまりスタイルシートは無関係）

とりあえず対処としては、

#（１）『スタイルシート部分（<style type="text/css">〜</style>）』を、
#【トップページhead間編集】の〔□head間編集〕欄へ移動

#（２）【トップデザイン編集】編集枠上部にある〔□自動改行する〕のチェックを外す

をおこなってみてください。


↓蛇足
>『自動改行』とは━━━━━
【トップデザイン編集】などの編集枠周辺に、
〔　□自動改行する　〕
というチェックボックスがあります。
こちらにチェックを入れると、『自動改行する』設定になります。

『自動改行する』設定にすると、編集枠内で改行している部分に自動で『改行タグ<br />』が挿入されます。
たとえば、
*1)　<h1>あいうえお</h1>▽
*2)　<br>▽
*3)　▽
*4)　かきくけこ▽
と編集枠内に書いていたら（『▽』はキーボードの改行を押した操作を表す）、
自動改行すると▽が全部『改行タグ<br />』になってしまうわけですから、<br>タグによる改行は１回だけにするつもりで書いたのに結果は「５回改行される（＝望まぬ空行が４行入る）」……ということになります。

なので、
（Ａ）『自動改行する』設定にして、『<br>』を消す
*（→改行は自動改行に任せる）
（Ｂ）『自動改行する』のチェックを外して、『<br>』はそのままにする
*（→改行はせっせと自分で改行タグを入れていく）
のどちらかにすれば、行間が無駄に広がることを避けられます。

なお、<h1>・<h2>・<form>……など、HTMLタグがたくさん使われている複雑なデザインでしたら断然（Ｂ）がお勧めです。
キーボードの改行でタグを整理したり、というのがしやすいからです。