掲示板が新しくなりました
閲覧のみなら登録は不要です。書き込みをする際に登録が必要になります。
旧掲示板をご利用のユーザー様も、書き込みをする際は、お手数ですが新規登録からお願い致します。
(※土日祝は、掲示板サポートはお休みさせて頂きます)
旧掲示板をご利用のユーザー様も、書き込みをする際は、お手数ですが新規登録からお願い致します。
(※土日祝は、掲示板サポートはお休みさせて頂きます)
受付中
ヘッダーとロゴについて
カテゴリ:静的htmlテンプレサイト(Template Party)
和菓子店向け 無料ホームページテンプレート tp_wa1 を活用させていただいております。
パソコン上で 左側に表示されていたヘッダーが
画面上部に表示されるようになりました。
ロゴも拡大されて表示されます。
またスマートフォンの画面も
パソコン用の大きなロゴが表示されるようになってしまいました
(本来 横書きの小さなロゴが表示されていました)
大切な部分が隠れてしまい、困っています
修正方法を教えていただきたいです
よろしくお願いいたします。
回答(8件)
直りました! ありがとうございます
そうですよね、ファイル変更後に 最初に教えていただいた{ を修正し忘れていました。
とても助かりました。
丁寧に教えてくださり、本当にありがとうございました。
今、回答して気づきましたが、最初に回答した内容と同じ段階に戻ってしまっているようです。
昔のバックアップファイルは持ってこないで、現状のファイルに対して、1つ前にした閉じかっこだけ1つ追加して下さい。色々さわると他の不具合を出すので、まずはこの1点だけやって結果を教えて下さい。
こちらで預かっている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;
}
これで、小さなロゴが確認できます。
ありがとうございます
ここに書き込んだ後 いくつかあったバックアップの中から
使えそうなものを見つけて試したところ
パソコン上では 直りました。
が、スマホ上は変わらず…です
画面左上に logo-s が表示されていたのですが
まだ logo が表示されます
バナーが隠れてしまうので 困っています
(スマホのキャッシュを削除したり
他のスマホでも確認しましたが 同じ症状でした)
「強制リロード」! 勉強させて頂きました
アップロードしても すぐ反映されないことがあったので
とても参考になりました。
current の部分も、さっそく修正しました。
丁寧に説明してくださり ありがとうございました。
追記です。すみません、修正後の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>
今、サイト拝見しましたが、もう崩れてないようですよ。
強制リロードしてみてくださいますか?
わからない場合は、「強制リロード」で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>
にするなどです。
回答、ありがとうございます
修正しましたが、直りませんでした
過去の(上手く表示されていた頃の)cssに戻してみましたが
なぜか同様の症状が出ます
しまいには、いじってもいないPC上のメニューも
本来 横並びで表示されるものが
縦に1つづつしか表示されておらず
途方にくれております
何らかの不具合でしょうか
全て初めからやり直した方が良いのかとも 考えております
まずは、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も下の方に閉じタグの入れ子が少し崩れている箇所がありますが、今回の崩れの本命ではなさそうなので、まずは上記のカッコ追加をしてみて下さい。