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

解決済 nigel52001
(@nigel52001)

14年、 1ヶ月前

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

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

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

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

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

本来ならば

NEWS
　子カテゴリー
未分類

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

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

4件の返信を表示中 - 1 - 4件目 (全4件中)

nawoki
(@nawoki)

14年、 1ヶ月前

ちょ、ちょっと待ってください!
CSSはどんなソフトを使って記述していますか!?

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

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

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

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

KKT
(@kvex)

14年、 1ヶ月前

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

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

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

nawoki
(@nawoki)

14年、 1ヶ月前

参考までにこちらもどぞ

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

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

トピック投稿者 nigel52001
(@nigel52001)

14年、 1ヶ月前

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

勉強して頑張ります！

4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「サイドナビゲーションにて親カテゴリーと子カテゴリーが重なってしまう」には新たに返信することはできません。

トピックタグ

表示