サポート » テーマ » サイドナビゲーションにて親カテゴリーと子カテゴリーが重なってしまう

  • 解決済 nigel52001

    (@nigel52001)


    サイドナビゲーションにて
    ul liの背景に画像を設定しているのですが

    子カテゴリーが次の親カテゴリーと重なって表示されてしまいます。

    ulで囲わなければちゃんと表示されるのですが
    どのような処理をすれば ちゃんとずれて表示されるのでしょうか?

    ちなみに作りかけのサイトは
    http://www.d-31n.com/test/
    です。

    未分類 と 子カテゴリーというのが重なっています。

    本来ならば

    NEWS
     子カテゴリー
    未分類

    と表示したいのですが。。

    どうかご教授くださいますよう 宜しくお願い致します。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ちょ、ちょっと待ってください!
    CSSはどんなソフトを使って記述していますか!?

    問題の
    http://www.d-31n.com/test/wp-content/themes/sudanoen/style.css
    ですが、セミコロンの抜け、スペルミスがとても多いです。(#fffffffとか!!)
    手入力なさってるのかと思いますが、ミスが無いよう(ミスにすぐ気がつけるよう)最低限なにかしらの入力支援ソフトを使用したほうがいいかもしれません。

    ソースもちょこっとだけ見ましたが、スタイルシートを適用する部分が全く同じ内容で2箇所あったりと
    かなり怪しそうです。もう一度確認してください。

    なお、重なってしまう原因は
    #sidebar ul li の height みたいですね。

    でもそんなことより、まずCSSやHTMLをもう一度、目を皿のようにして確認すべきです。
    こちらの環境ではスペルミス等のエラーを多数吐いてしまい、原因を見つけるよりも、そのエラーを取り除くことに時間を要したぐらいです。

    ちょっとこちらでも確認してみようかと思って、ソースを眺めはじめたのですが、nawokiさんの言うとおり、cssだけでなく全体を見直したほうがいいかもです。
    このままでは、cssが適切でもできあがったソースのバグでうまく表示されない可能性もあります。

    たとえば
    ヘッダメニューのulが閉じていない

    その直後くらいのid=header-searchがクオートされていない。などなど

    参考までにこちらもどぞ

    HTML構文チェック
    http://validator.w3.org/
    http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

    CSS構文チェック
    http://jigsaw.w3.org/css-validator/

    皆様 ご教授ありがとうございました。

    勉強して頑張ります!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「サイドナビゲーションにて親カテゴリーと子カテゴリーが重なってしまう」には新たに返信することはできません。