掲示板が新しくなりました
閲覧のみなら登録は不要です。書き込みをする際に登録が必要になります。
旧掲示板をご利用のユーザー様も、書き込みをする際は、お手数ですが新規登録からお願い致します。
(※土日祝は、掲示板サポートはお休みさせて頂きます)
受付中
ヘッダーとロゴについて
カテゴリ:静的htmlテンプレサイト(Template Party)
質問者:ジェイクの母
質問日時:2026/03/31 14:08
回答数:8
参考ファイル:
style.css index.html
和菓子店向け 無料ホームページテンプレート tp_wa1 を活用させていただいております。 パソコン上で 左側に表示されていたヘッダーが 画面上部に表示されるようになりました。 ロゴも拡大されて表示されます。 またスマートフォンの画面も パソコン用の大きなロゴが表示されるようになってしまいました (本来 横書きの小さなロゴが表示されていました) 大切な部分が隠れてしまい、困っています 修正方法を教えていただきたいです よろしくお願いいたします。
回答(8件)
回答者:ジェイクの母
回答日時:2026/04/03 21:01
直りました! ありがとうございます そうですよね、ファイル変更後に 最初に教えていただいた{ を修正し忘れていました。 とても助かりました。 丁寧に教えてくださり、本当にありがとうございました。
サポート:Template Party サポート掲示板
回答日時:2026/04/03 13:54
今、回答して気づきましたが、最初に回答した内容と同じ段階に戻ってしまっているようです。 昔のバックアップファイルは持ってこないで、現状のファイルに対して、1つ前にした閉じかっこだけ1つ追加して下さい。色々さわると他の不具合を出すので、まずはこの1点だけやって結果を教えて下さい。
サポート:Template Party サポート掲示板
回答日時:2026/04/03 13:51
こちらで預かっているhtmlとcssは小さな画面でも小さなロゴが出ましたよ。 そちらのサイト上だと確かにPC向けロゴが出ていたのでstyle.cssを見たところ、 3箇所ある、 .list figure span { の2つ目の閉じタグがまた入っていませんでした。 .list figure span { width: 70px; line-height: 70px; font-size: 14px; となってしまっているので以下にして下さい。 .list figure span { width: 70px; line-height: 70px; font-size: 14px; } これで、小さなロゴが確認できます。
回答者:ジェイクの母
回答日時:2026/04/03 06:35
ありがとうございます ここに書き込んだ後 いくつかあったバックアップの中から 使えそうなものを見つけて試したところ パソコン上では 直りました。 が、スマホ上は変わらず…です 画面左上に logo-s が表示されていたのですが まだ logo が表示されます バナーが隠れてしまうので 困っています (スマホのキャッシュを削除したり 他のスマホでも確認しましたが 同じ症状でした) 「強制リロード」! 勉強させて頂きました アップロードしても すぐ反映されないことがあったので とても参考になりました。 current の部分も、さっそく修正しました。 丁寧に説明してくださり ありがとうございました。
参考ファイル:
logo.png logo-s.png
サポート:Template Party サポート掲示板
回答日時:2026/04/02 09:11
追記です。すみません、修正後のcurrent記載に間違いがありました。 間違い <li"><a href="index.html">ホーム<span>トップページ</span></a></li> 〜 <li class="current"><a href="item.html">商品一覧<span>羊羹 もなか 饅頭など</span></a></li> 正解(トップページのliに「"」が1つだけ残ってしまっていましたので外しました) <li><a href="index.html">ホーム<span>トップページ</span></a></li> 〜 <li class="current"><a href="item.html">商品一覧<span>羊羹 もなか 饅頭など</span></a></li>
サポート:Template Party サポート掲示板
回答日時:2026/04/01 18:08
今、サイト拝見しましたが、もう崩れてないようですよ。 強制リロードしてみてくださいますか? わからない場合は、「強制リロード」でGoogle検索してみてください。 または、普段使ってないブラウザから閲覧してみてくださいますか? 他のページも拝見しましたが、問題なさそうです。 ただ、せっかくのメニューのcurrentがきいてなくどのページでもトップのメニューにだけ色がついてるので、もし意図的でないのでしたら、現在表示されているメニュー側に current を移動して下さい。 例えば、「商品一覧」のitem.htmlなら、 <li class="current"><a href="index.html">ホーム<span>トップページ</span></a></li> 〜 <li><a href="item.html">商品一覧<span>羊羹 もなか 饅頭など</span></a></li> となってるので、 <li"><a href="index.html">ホーム<span>トップページ</span></a></li> 〜 <li class="current"><a href="item.html">商品一覧<span>羊羹 もなか 饅頭など</span></a></li> にするなどです。
回答者:ジェイクの母
回答日時:2026/04/01 17:10
回答、ありがとうございます 修正しましたが、直りませんでした 過去の(上手く表示されていた頃の)cssに戻してみましたが なぜか同様の症状が出ます しまいには、いじってもいないPC上のメニューも 本来 横並びで表示されるものが 縦に1つづつしか表示されておらず 途方にくれております 何らかの不具合でしょうか 全て初めからやり直した方が良いのかとも 考えております
サポート:Template Party サポート掲示板
回答日時:2026/03/31 14:48
まずは、cssフォルダのstyle.cssの閉じかっこを1つ追加して様子を見て下さい。 ▼現在 .list figure span { width: 70px; /*幅*/ line-height: 70px; /*高さ*/ font-size: 14px; /*文字サイズ*/ /*その他 ---------------------------------------------------------------------------*/ body.s-n #sub,body.s-n #footermenu,.m-n {display: none;} ▼修正後 .list figure span { width: 70px; /*幅*/ line-height: 70px; /*高さ*/ font-size: 14px; /*文字サイズ*/ } /*その他 ---------------------------------------------------------------------------*/ body.s-n #sub,body.s-n #footermenu,.m-n {display: none;} 「/*その他」の上に閉じかっこを追加します。 htmlも下の方に閉じタグの入れ子が少し崩れている箇所がありますが、今回の崩れの本命ではなさそうなので、まずは上記のカッコ追加をしてみて下さい。
回答するにはログインが必要です。
ログイン 新規登録