凍結
0 うみ iPhone
テンプレサイト様を利用して作っています。

最初はちゃんと表示されていたのですが、<br>で行を調整していたところ、唐突にstyleが反映されなくなってしまいました。
前後やった作業としては、サイトの公開非公開を変えたくらいで、他のところは弄っていません。

試しに子ページで同じコードを入れてみたところ、そちらではちゃんと表示されていたので、コードが間違っているわけではないと思います。

何故TOPページのみstyleが反映されないのか、わかる方いますか?
12/01 00:21
返信
コメント投稿 検索
4 うみ iPhone
できました!
ありがとうございます!!
12/05 21:14
返信
3 しち SOV40

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

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

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

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

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

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


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

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

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

なお、<h1>・<h2>・<form>……など、HTMLタグがたくさん使われている複雑なデザインでしたら断然(B)がお勧めです。
キーボードの改行でタグを整理したり、というのがしやすいからです。
12/01 17:03
返信
2 うみ iPhone
>>1

回答ありがとうございます。

キャッシュクリアしてもなにも変わりませんでした……

状況といたしましては、

●デザインが何一つ効かず、白背景・黒文字・青文字リンク……みたいなブラウザデフォルトの表示になる

というものとなっております。


また、編集したのは【トップデザイン編集】だけで間違いありません。
(念のため【トップページhead間編集】、【CSSファイル編集】確認しましたが、やはり未記入でした)

なお、styleは
<style type="text/css"></style>を【トップデザイン編集】に入れています。


どうにかしようとしてもやはり何も変わらないです……

【トップデザイン編集】ではなく、【トップページhead間編集】の〔□head間編集〕欄にstyleを動かして見たのですが、その場合は

●デザインが一部崩れ、意図した余白になっていない

という感じになりました。
(想定のデザインより無駄に余白がある)



再度話をまとめると
・最初はstyleが反映されていたが、<br>を入れた途端反映されなくなる(ブラウザの初期状態)
・style記入している場所は【トップデザイン編集】
・【共通head間編集】【トップページhead間編集】【CSSファイル編集】は未加入
(【共通head間編集】のみ検索避けにする作業はしました)
・キャッシュクリアしてもなにも変わらず
・styleの場所を【トップページhead間編集】にしたら、デザインは反映されたが余計な余白がある
12/01 13:30
返信
1 しち SOV40
>>0 styleが反映されない
まずは念のため、キャッシュクリアをお試しください。
CSSファイルを使っている場合で「デザインが反映されない!」というときは大抵これで直ります。読んだ感じCSSファイルは使ってないかな?とは思いましたが一応……。


この「styleが反映されない」というのは具体的にどういう状態でしょうか?

*●デザインが何一つ効かず、白背景・黒文字・青文字リンク……みたいなブラウザデフォルトの表示になる
*●デザインが一部崩れ、意図した余白になっていない・文字が背景からはみ出る・背景だけなんか変わった……などとにかくデザインの『一部』が元の状態から変わってしまった

それと、
●編集したのは【トップデザイン編集】だけですか?(【トップページhead間編集】や【CSSファイル編集】など他の編集画面はノータッチ?)
●そのstyleを書き込んでいるのはどこですか?(【トップページhead間編集】【共通head間編集】【CSSファイル編集】)


現状情報が少ないので分かりませんが、例えば
(1)【共通head間編集】に<style>〜</style>でスタイルシートを記述
(2)そのあと【トップページhead間編集】の〔□head間編集〕欄に何かを記述
……と編集していたら、(1)のスタイルシートは(2)の記述内容に上書きされて消えます。つまりスタイルシートによるデザインだけが、消えます。

*※なおもしこれ↑が原因なら、トップページのスタイルシートを【トップページhead間編集】に入れれば解決します。


あとは……HTMLタグを書くべきでないところに書いているとか、スタイルシートを書くべきでないところに書いているとか……記述のミスによるものとも考えられるので、『どこに何を記述しているか』も分かった方が、問題箇所の特定はしやすいです。
12/01 04:24
返信