ALICE+サポート ユーザー助け合い掲示板 TOPページ ユーザー助け合い掲示板 TOPページのstyleが反映されない 編集 キャンセル 削除 アク禁 アク禁解除 キャンセル 凍結 0 うみ iPhone テンプレサイト様を利用して作っています。 最初はちゃんと表示されていたのですが、<br>で行を調整していたところ、唐突にstyleが反映されなくなってしまいました。 前後やった作業としては、サイトの公開非公開を変えたくらいで、他のところは弄っていません。 試しに子ページで同じコードを入れてみたところ、そちらではちゃんと表示されていたので、コードが間違っているわけではないと思います。 何故TOPページのみstyleが反映されないのか、わかる方いますか? 1 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間編集】にしたら、デザインは反映されたが余計な余白がある 1 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タグを書くべきでないところに書いているとか、スタイルシートを書くべきでないところに書いているとか……記述のミスによるものとも考えられるので、『どこに何を記述しているか』も分かった方が、問題箇所の特定はしやすいです。 1 12/01 04:24 返信 1ページ中1ページ目 1131 view 残り書き込み 9996 件 人気スレ 中央寄せができません 2023年09月15日 14時44分 14 拍手のお礼について 2021年10月31日 11時05分 11 ブログ村について教えて下さい 2022年10月01日 09時18分 6 ルビなどのタグ内にfont-familyが効かない 2023年09月19日 13時13分 6 関連スレ トップページの下書きと本番反映 2025年11月11日 19時46分 1 ユーザー助け合い掲示板 ページで章を作る方法 2025年05月28日 08時09分 2 ユーザー助け合い掲示板 トップページの背景画像 2025年04月04日 12時52分 0 ユーザー助け合い掲示板 長編小説ページ遷移について 2025年02月15日 07時59分 1 ユーザー助け合い掲示板 小説ページについて 2025年01月14日 21時53分 0 ユーザー助け合い掲示板 掲示板TOPへ サイトTOPへ ALICE+サポート