Schwierigkeit bei vertikaler Navigation

Hallo.

Ich bin gerade an einer vertikalen Navigation am verzweifeln, das mit den Listen habe ich noch nie so richtig verstanden aber evtl. kann mir jemand den nötigen Anstoß geben oder anders helfen, wäre auf jeden Fall sehr dankbar.

Ich möchte eine Navigation wie hier zu sehen erstellen, allerdings bastel ich daran schon seit mehreren Stunden und bekomme es einfach nicht hin.

Folgende Hierarchie hat das ganze.

• Willkommen
  
• Werkstatt
  [INDENT]
• Wegbeschreibung
• Über uns[/INDENT]
  
• Produkte
  [INDENT]
• Echsen, Bewohner aus der “Alten Welt”
• Schildkröten, älter als der Dinosaurier
• Schlangen, Perfektio im Schuppenkleid
• Vögel, die Bezwinger der Lüfte[/INDENT]
  
• Messe, Märkte, Ausstellungen
  
• Bestellung
  
• Kontakt / Impressum

Screenshot

Sturktur der sidebar.php

<ul>
    <li>
        <ul>
            <?php wp_list_pages('title_li='); ?>
        </ul>
    </li>
</ul>

Es hängt schon an der grundlegenden Formatierung per CSS, weiteres Problem ist bei das bei einem Klick auf "Produkte" die Unterseiten auch Aktiv sind, es soll aber immer nur eine Seite Aktiv sein und zwar die auf der man sich befindet.

Meine CSS-Klassen:

div#nav1{}


div#nav1 ul li.current_page_item {}


div#nav1 ul li.current_page_item strong,
div#nav1 ul li.current_page_item a,
div#nav1 ul li.current_page_item a:focus,
div#nav1 ul li.current_page_item a:active {}


#nav_main ul li.current_page_item a:hover {}

Meine Blockade ist perfekt, komme einfach nicht weiter. Kann mir evtl. jemand dabei helfen?

Danke & Grüße otabrags

Sorry, den habe ich wohl unterschlagen...

Zitat von maxe

Vielleicht gibst du mal lieber einen Link, dann müssen wir nicht das raten anfangen.

Sorry, den habe ich wohl unterschlagen:
Anbei der Link.

Danke und Grüße
otabrags

Danke!

Hallo maxe,

Danke, Du hast mir sehr geholfen – kannte Firebug noch nicht, ist ja sehr praktisch.

Grüße otabrags

Neues Problem bei vertikaler Navigation

Moin.

Ich sitze im Augenblick wieder vor einem Problem und mir fallen gleich wieder Haare aus.

Ähnliche Problematik, in diesem Fall setze ich das Plugin "Fold Page Menu" ein um die Unterseiten der Hauptseiten solange auszublenden bis die Hauptseite angewählt ist.

Die Menüstruktur sieht wie folgt aus:

• Startseite
  
• Einbauten
  

  [INDENT]

• Alfa
  

  [INDENT]

• Alfa 156
  
• Alfa 156 Sportwagon
  
• Alfa Spider[/INDENT][/INDENT]
  

  [INDENT]

• Audi
  

  [INDENT]

• Audi A3
  
• Audi 80 B4
  
• Audi A4[/INDENT][/INDENT]
  
• Wir über uns
  

  [INDENT]

• Produkte
  
• Tätigkeiten
  
• Philosophie[/INDENT]
  
• Kontakt
  

  [INDENT]

• Anfahrt
  
• Öffnungszeiten
  
• Termine[/INDENT]
  
• Sonstiges
  

  [INDENT]

• Links
  
• Suche
  
• Gästebuch[/INDENT]
  
• Impressum
  

  [INDENT]

• Disclaimer[/INDENT]

An sich sieht das ganze für mich simpel aus, allerdings komme ich mit den Klassen für das Plugin "Fold Page Menu" durcheinander. Habe zwar grundsätzlich Verständnis in Sachen HTML & CSS & PHP aber das übersteigt im Moment mein Vorstellungsvermögen. :-)

Das ganze gibt es hier live zu sehen, mit Firebug bin ich auch nicht so richtig weitergekommen ...

Ich komme einfach nicht weiter, kann mir evtl. jemand dabei helfen? Das wäre super-mega-toll. :-D

Ich müsste verstehen welche Klassen ich benutzen muss:

Ebene 1/Hover/Aktiv/...
Ebene 2/Hover/Aktiv/...
Ebene 3/Hover/Aktiv/...
usw.

Danke & Grüße otabrags

Neues Problem bei vertikaler Navigation...

Hallo, niemand eine Idee?

Grüße otabrags

CSS: fold_page_list, ich stehe auf dem Schlauch ...

Hallo Monika,

Danke für Deine Antwort.

Ein Fehler der es mir erschwert hat war eine CSS-Definition *{}, jetzt bin ich einen Schritt weiter aber komme immer noch nicht so richtig klar damit.

Evtl. mache ich auch schon früher einen Fehler?

Code der Sidebar:

<?php wswwpx_fold_page_list ('title_li=&sort_column=menu_order'); ?>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>

CSS:

Um die Struktur zu verstehen habe ich Deinen Trick angewendet, allerdings wechselt die Klasse ja je nachdem welcher Menüpunkt aktiv ist.

CSS des Menü:

.page_item{color:#F00;} /*Rot: Seiten generell?*/
.page_folder{color:#0F0; padding-left:} /*Grün: Seiten mit Unterseiten?*/
.current_page_item{color:#00F;} /*Blau: Aktive Seiten?*/
.current_page_ancestor{color:#FF0;} /*Gelb: Aktive Oberseiten?*/

Layout des Menü wie es grundsätzlich aussehen sollte:
Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

Generell soll die oberste Ebene Versal geschrieben sein, dann für jede Ebene tiefer eine kleinere Schriftgröße und einen größeren Einzug, bei aktiven Seiten und Hover soll nur Bold sein.

Auf der Startseite hat der Menüpunkt Einbauten die Klasse ".page_folder", ist er ausgewählt ".current_page_item", ist Alfa ausgewählt ".current_page_ancestor" … wie verpacke ich das dann in CSS? Ich stehe irgendwie auf dem Schlauch.

Dieses Menü überfordert irgendwie mein Vorstellungsvermögen. :-) Kannst Du mir evtl. noch einen Denkanstoß geben?

Meinst Du mit…

Zitat

damit du firebug nutzen kannst musst Du das style im Header verlinken und nicht
importieren:wink:

…das ich das CSS für Firebug direkt in die index.php packe? Dann kann ich es direkt editieren oder wie? Ich habe es bisher nur zum herausfinden der Klasse benutzt.

Grüße otabrags

CSS: fold_page_list, ich stehe auf dem Schlauch ...

Sorry für den Push, aber hat niemand eine Idee? Komme nicht weiter und habe anscheinend irgendwie nicht den richtigen Ansatz. Grüße otabrags

Schwierigkeit bei vertikaler Navigation, immer noch nicht kapiert …

Hallo Monika,

danke für Deine Antwort aber ich kapier es einfach nicht.

Schau mal bitte hier …

Ist die Seite Alfa aktiv, haben deren Unterseiten (Alfa 156, Alfa 156 Sportwagon, Alfa Spider) die selbe Klasse wie die Startseite, nämlich "page_item" – das scheint mir gerade etwas zu hoch für mich zu sein.

Sorry wenn ich anfange zu nerven.

Grüße,
otabrags