[Ulinne]

Ich habe folgendes Problem:

Wie kann ich es erreichen, dass in einem horizontalen SpryAssets-Menu (DW CS3) bei den geöffneten Seiten eines Submenus der Hintergrund des dazugehörigen Haupt-Menu-Punktes in einer anderen Farbe als die übrigen Haupt-Menu-Punkte erscheint, so dass man immer weiß, in welchem Submenu man sich gerade befindet?
Welche Einstellungen muss ich dazu - und vor allem *wo* - vornehmen?
Muss/kann man dazu in der .js-Datei etwas verändern?
Falls ja: wo genau?

Farbänderungs-Versuche in der dazugehörigen SpryMenuBarHorizontal.css-Datei (a:focus) haben bisher nix gebracht.

[danielkussin]

Moin,

da wollte sich wohl keiner deinem Problem annehmen!

Also das Spry-Framework macht nichts anderes als eine Listennavigation so zu formatieren (Stylesheet: SpryMenuBarHorizontal.css), wie es die meisten Web Entwickler von Hand machen würde, whrscheinlich etwas schlanker, aber dafür werden nicht so viele Sonderfälle mit bedacht. - Lange Rede, kurzer Sinn, zumindest verhält sich die Adobe Navigation genauso, die alle anderen Listennavigation, und zwar nach dem Box-Modell (Siehe: http://www.html-seminar.de/box-modell.htm) und der Inhalt der Box wird beim Öffnen des Menüs immer mehr erweitert, so dass wenn du auf einem Unterpunkt immer noch automatisch auch auf dem Überpunkt (Elternelement) bist. Das bedeutet, dass du dein Ziel auch mit etwas CSS erzielst.

Hier ein Beispiel (wenn du die Namen der Klassen nicht geändert hast):

[Ulinne]

Moin Daniel,

nett, dass du mir antwortest.

Ich versuche mal, dir hier einen Screen-Ausschnitt anzuhängen, damit du weißt, was ich meine.
Darauf ist zu sehen, dass eine Seite des Untermenus zu "Angebot" geöffnet ist. Nun hätte ich gern, dass für den Fall, dass Unterseiten eines Hauptmenu-Punktes geöffnet sind, die Hintergrundfarbe im Hauptmenu (in diesem Fall also "Angebot") in dem dunkleren Grün erscheint.

Auf dem (hoffentlich erscheinenden) Bild ist das nämlich noch *nicht* so ...




In der CSS-Datei (SpryMenuBarHorizontal.css) hab ich die Namen der Klassen nicht geändert, nur die Farbe in dem Bereich, in dem auch a:focus drüber angegeben ist ...

Nun verstehe ich nicht ganz - muss ich da noch etwas hinzufügen?

Lieben Gruß
Ulrike

[Ulinne]

Hier nochmal ein Bild mit ausgeklapptem Submenu. Die Verlinkungen auf der Seite selbst habe ich per Hand eingesetzt ...




So wie im Hauptmenu die Hintergrundfarbe ist, sollte sie auch bleiben, wenn eine der Submenu-Seiten geöffnet ist.
Geht das irgendwie?

[danielkussin]

Hi,

kein Problem! - Als erstes legst du wie folgt eine CSS-Klasse "active" an, und dann löscht du sie wieder für alle nachfolgenden Elemente:

[Ulinne]

Huuu Daniel, das scheint mir immer noch recht schwierig. Ich bin eigentlich nicht die große "Code-Fummlerin". *grins*

Darf ich dir die entsprechende Spry-CSS-Datei einfach mal zuschicken, und du bastelst mir das Richtige da rein?
Wenn ich es dann einmal vor Augen habe, kann ich es auch bei den übrigen WebSites so machen. (Sind insgesamt 3 für diesen Kunden.)

Hoffnungsvoll
Ulrike

[danielkussin]

Dann mail mir mal am Besten alle Dateien (inkl. html). E-Mail steht im Profil!

Gruß Daniel