current page item und Children: list style image Problem

Hallo liebe User,

ich habe ein Porblem, hab mal Grob im Forum gesucht aber nichts spezielles zu meinem Problem gefunden.

Also:

Meien Seite ( im Aufbau): http://www.liveitup.de

Wie ihr seht habe ich das List Image in der Navigation geändert (roter quadrat)
wenn ich ein Element aus der zweiten Ebene Anklicke, z.b Cumulus, zeigt er mir korrekt nur ein rotes Quadrat an.
Klicke ich jetzt ein Element aus der ersten Ebene an z.b Wordpress, dann zeigt er mir bei Wordpress und Cumulus ein rotes Quadrat. -> ein Quadrat zu viel, nämlich das bei Cumulus.

Quelltext könnt ihr euch ja angucken.

Mein CSS auschnitt sieht so aus:

li.current_page_item {list-style-type: square; list-style-image:url(images/pfeil.png);}

jetzt brauche ich den Befehl um das andere Quadrat weg zu bekommen. Habe schon Ordentlich selbst experimentiert mit der Klasse children oder page_item. auch sämtliche selektionen mit ul li und > habe ich versucht ohne Erfolg

jemand eine Idee?

Zitat

li.current_page_item .children{list-style-image:none}

klasse, habs schon hochgeladen.
das hatte ich aber schon versucht nur mit dem kleinen fehler, dass ich vor dem zweiten punkt kein leerzeichen hatte.
Unglaublich, dass es daran lag.

Vielen Dank!

eine kleine Frage habe ich aber noch:

Wie mache ich für das current_page_item einen hover effekt, dass ein zweites list-style-image eingeblendet wird?

Mein Ansatz:

li.current_page_item  a:hover{list-style-type: square; list-style-image:url(images/pfeil2.png);}

funktioniert leider nicht

li.page_item:hover{list-style-type: square; list-style-image:url(images/pfeil2.png);}

so hats erstmal geklappt jetzt muss ich nur noch das alte Problem weg bekommen, dass er nicht beim hover der zweiten ebene die erste mit anzeigt.

falls du ne lösung wäre ich dir dankbar, ich versuche es solange selber herauszufinden.

teilproblem 1 ist gelöst:

li.page_item:hover{list-style-type: square; list-style-image:url(images/pfeil2.png);}
li.page_item ul.children{list-style-image:none;}

wenn ich nun ebene 1 anklicke zeigt er das list-style-image nicht in ebene 2 an. so wie ich es auch haben möchte.

teilproblem2:

wenn ich ebene 2 anklicke zeigt er mir das list-style-image aber auf ebene 1 noch an... hmm

weil er dann nur das element "hovert" das angeklickt ist. schaus dir selber an:

http://www.liveitup.de

Die klasse current_page_parent hab ich noch garnicht gesehen. ich teste es mal

current_page... wird doch nur verwendet wenn das element auch angeklickt wurde oder nicht? beim hover klick ich aber nichts an. also habe ich garkein parent class.

mein aktueller code:

.page_item{list-style-type:none;}
li.current_page_item {list-style-type:square; list-style-image:url(images/pfeil.png);}
li.current_page_item .children{list-style-image:none;}
li.page_item:hover{list-style-type:square; list-style-image:url(images/pfeil2.png);}
li.page_item ul.children{list-style-image:none;}
li.current_page_parent{list-style-image:none;}

ich find keine lösung dafür, hat da jemand eine idee?

also nochmal kurz zu meinem Problem:

http://liveitup.de

wenn ich auf wordpress klicke ist das dann das current_page_item und bekommt das list style image rot
fahre ich dann über des children cumulus, bekommt cumulus das list style image grün und wordpress ebenfalls. ich möchte aber das wordpress rot bleibt.

jemand eine idee?

so langsam glaube ich, dass ich mit mir selber rede :)

ich bin jetzt schon etwas weiter gekommen:

ein problem bleibt noch.

wenn ich z.b auf nivo slider klicke und danach mit der mouse drüber fahre soll das grüne kästchen vor scripte weg. einer ein zündende idee?