Re: 編集していたら、レイアウトが崩れてしまいました&グローバルナビゲーションが表示されない

2020年8月3日 at 17:37

> HPタイトルが下の方へ
div.front-pageのposition: relative;が悪さしてる感じですねぇ。
設定外すとTOP画像上にタイトルが移動しますよ。

> AndroidのChromeでの表示(テキストが画像に上書きになっている)
これも似たような感じでdiv.global-naviのposition: absolute;が悪さしてるっぽい。

で、こういったケースはこれからもチョコチョコ出てくると思うので、
・一気に修正せずパートごとに少しずつ修正し、その都度ブラウザで確認
・問題発生したらブラウザの開発(デベロッパー)ツールで原因となっていそうな要素の設定を変更して修正方法を模索
ってな癖をつけておくと良いですよ。

もう一つアドバイスするならば、
上下位置関連の意図しない挙動は
・position
・z-index
・float
・top
あたりが悪さしてる場合が多いです。

> グローバルナビゲーションが、Operaでは表示されているのに、
それ以外では表示されなくなってしまいました。
添付画像を見る限り、Opera以外ではログインしていないような気がします。
> トップページ以外は、会員の方しか入れないページ
ということで
「未ログイン状態で表示できるリンク先が無いからdiv.header-naviの中身が空っぽになっている」
のが原因かと。

> グローバルナビゲーションでは、Topページから会員様が好きなページへ行きやすいよう、
表示させることは出来ないのでしょうか。
Opera以外でログインして確認することをお勧めします。

Re: 編集していたら、レイアウトが崩れてしまいました&グローバルナビゲーションが表示されない

2020年8月4日 at 3:38
aniya様

いつも本当にありがとうございます。
教えて頂いたことをやろうとログインしようとしたら、

「処理が完了できません:お使いのIPアドレスがブロックされています。詳しくは、サイト管理者にお問合せください。」

と出てきてログイン出来ません。。
私のスマホ(Android)でも、主人のPC(Win)でも、同じメッセージが出てログイン出来ませんでした。

ログインの方法を、ユーザー名からメールアドレスに変更したからだ、
と気付き、パスワードを再発行し、登録しているメールアドレスと新しいパスワードでログインしようとするも、同じメッセージが出てログイン出来ません。やっぱりスマホでも夫のWin PCでもダメでした。

再度インストールし直して、作り直す方が早いか迷うところですが、
とりあえず、ログインして、アドバイス頂いたことをやってみたいです。
これまでのフォーラムの、IPアドレスでのアカウントロックの対処方法で、
データベース内の「UserBannedIPs」テーブルのレコードを直接削除、との方法があったのですが、それが2016年の投稿で、今私がデータベースに確認しに行ったら、そのテーブルがありませんでした。

本当に初心者でお恥ずかしい限りなのですが、
何か方法がありましたら、ご教授頂けましたら幸いです。
 

Re: 編集していたら、レイアウトが崩れてしまいました&グローバルナビゲーションが表示されない

2020年8月4日 at 8:29
スマホでWi-Fiを使っちゃうとPCと同じIPアドレスになるので4G接続にすれば解決出来るかと(こちらオススメの安全策)。

で、それでも無理だった場合、
テーブル「IpAccessControlRanges」を空にしてください。

今回のポイント:
本家のフォーラムもチェックしよう!
http://www.concrete5.org/community/forums/usage/banned-user/#865585
 

Re: 編集していたら、レイアウトが崩れてしまいました&グローバルナビゲーションが表示されない

2020年8月5日 at 12:10
本当に色々とありがとうございます。
昨夜、ログインできたので、私のIPをホワイトリストに入れておきました。

div.global-naviのposition:absolute:が悪さをしてるっぽい、
の、設定を外す、というのはどこをどうしたら良いのか分かりません。。
色々みてみたのですが、、

グローバルナビの表示の件もありがとうございます。

それぞれのテーマで会員が違うので、
データベースをそれぞれ別のものにして、それぞれにconcrete5をインストールし、
HPを作ってリンクを貼る、というようにすることにしました。
グローバルナビもそれでうまく行くかな?一度やってみます。
本家のフォーラムも頑張って検索してみます。
 

Re: 編集していたら、レイアウトが崩れてしまいました&グローバルナビゲーションが表示されない

2020年8月5日 at 14:41
> div.global-naviのposition:absolute:が悪さをしてるっぽい、
> の、設定を外す、というのはどこをどうしたら良いのか分かりません。。
添付画像を参考に探してみてください。
・firefoxの開発ツールを表示しています。
・元々「AndroidのChromeでの表示(テキストが画像に上書きになっている)」とのことでしたので、レスポンシブデザインモードをONにしています(注1)。OFFのままだとPC用CSSが表示されてしまいます。
・position:absolute:の左横のチェックを外せば上書きになっているテキストが下がります(注2)。
・修正の際はメディアクエリ(max-width:767px)を間違えないように

> グローバルナビもそれでうまく行くかな?一度やってみます。
ログイン有無でリストの表示/非表示が分かれているので
各コンテンツTOPのゲスト閲覧権限を許可すればよろしいかと。
よくわからないようでしたら、いっそのことul liで書いちまった方が早いかと。
添付: 20200805.jpg