Beiträge von life2

habs herausgefunden :) :

/* Klappmenue */
    #navi li ul{display:none;}
    #navi li.current_page_item .children {display:block;}
    #navi li.current_page_parent ul {display:block;}
    #navi li.current_page_item ul .children {display:none;}
    #navi li li.current_page_item .children {display:block;}
    #navi li.current_page_ancestor ul {display:block;}
    #navi li li.page_item .children {display:none;}
    #navi li li.current_page_item .children {display:block;}
    #navi li li.current_page_parent .children {display:block;}

Nur noch die Listpunkte müssen bearbeitet werden, dann sollte alles stimmen!

Hallo zusammen,

Ich habe ein Problem mit meinem CSS Klappmenü.

http://www.liveitup.de

Problem fall:

wenn man auf Wordpress (ebene 1)->funktionen(ebene 2) zeigt er richtigerweise wp_list_pages (ebene 3) an.
aber er zeigt auch die ebene 3 von Plugins (ebene 2) an. und das darf nicht sein.
jemand eine idee?

hier mein Code:

/* Klappmenue */
    #navi li ul{display:none;}
    /*#navi li:hover ul{display:block;}*/
    /*#navi li:hover li ul{display:none;}*/
    #navi li.current_page_item .children {display:block;}
    #navi li.current_page_parent ul {display:block;}
    #navi li.current_page_item ul .children {display:none;}
    /*#navi li li:hover ul {display:block;}*/
    #navi li li.current_page_item .children {display:block;}
    #navi li.current_page_ancestor ul{display:block;}
    #navi li li.current_page_item .children {display:block;}

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?

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?

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

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;}

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

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

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.

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

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?