Hi all,
ich habe mal wieder ein Menüproblem. Das Menü soll aussehen wie Reiterkarten. Das bedeutet, die aktuelle Karte legt sich vor die beiden Umliegenden.
Dabei gebe ich dem ACT - Element eine neue CSS Klasse. Die Grafiken gehen ineiander über. Das bedeutet, die beiden Umliegenden Elemente, so zu sagen ACT-1 und ACT+1 müssen auch neue Grafiken bekommen, aber wie kann man das realisieren? Mit Optionsplit kann ich ja nicht genau die beiden Umliegenden bestimmen, oder?
Gruß und THX 4 Help!
Dale
Doch, mit optionsplit kannst Du jedes einzelne Element definieren:
eigenschaft = 1.Punkt |*| 2.Punkt |*| 3.Punkt |*| 4.Punkt |*| 5.Punkt |*| 6.Punkt
Danke für die schnelle Antwort. Das Problem wäre dann aber doch, sobald neue Einträge dazu kommen, müßte ich auch wieder das TS anpassen, oder gibt es auch eine "dynamischere" Methode dafür?
nein, das müsstest Du anpassen. In der Regel stehen aber die Oberpunkte fest und es kommen eher Unterseiten dazu.
Hi, dalerion,
ich hab' mich heute auch mit der Reiternavigation herumgeschlagen. Kannst du mal deinen Code posten?
Vielleicht können wir ja gemeinsam bauen?
Grüße kaktus
Hallo, Dalerion + steffenk,
genau dort war ich und teste noch 🙁 , will heißen, so richtig zum Laufen habe ich das nicht bekommen. Aktive und passive Anzeige gehen, aber den Rollover bekomme ich nur bei welcome2.html zum
Laufen. Ich habe jetzt erst mal eine herkömmliche
Reiternavigation ohne Überlappung mit TMENU und CSS gebaut und will diese später ersezten. Ich teste also weiter, bin aber nach wie vor an Tipps und Hinweisen interessiert.
Grüße, kaktus
PS.:unter http://www.pgso.de seht ihr, wie mein Menü der-
zeit aussieht.
Hi all,
danke erstmal für die gute Beteiligung. Scheint ja wirklich mehrere Leute zu interessieren! :-) Also TS kann ich momentan nicht posten, da es sich nicht direkt um mein Projekt handelt und der Betroffene gerade auf der Cebit ist. *hehe*
Kann auch sein, dass er schon eine Lösung gefunden hat, in diesem Fall werde ich zusehen, dass ich sie gepostet bekomme.
Gruß Dale
Hallo, ich bin "der Betroffene"..
Um das Problem nochmal darzustellen:
Folgendes Menu sei gegeben:
temp.mainmenu = HMENU
temp.mainmenu{
entryLevel = 0
1 = TMENU
1{
ACT {
allWrap = <li class="act first act_first">|</li>|*|<li class="act">|</li>|*|<li class="act last act_last">|</li>
ATagParams = class=act
}
ACT=1
NO {
allWrap = <li class="first">|</li>|*|<li>|</li>|*|<li class="last">|</li>
}
}
Dieses wird dann über die definierten CSS-Klassen zu "Buttons" gemacht, indem ich - je nach Klasse - entsprechende Bilder als (linken) Hintergrund für die LI-Elemente angebe.
Das funktioniert auch super, allerdings fehlt mir eine Information: "Ist der vorhergehende Menupunkt der aktuell ausgewählte (ACT)?", denn dann muss ich für den folgenden Punkt ein anderes Bild verwenden.
Um es klarzustellen: die Hintergrundbilder der LI-Elemente beziehen sich nur für das erste Bild auf den Reiter selber, ansonsten beinhalten sie immer auch den abschliessenden Teil des vorigen Reiters.
Hi,
kann man sich das irgendwo anschauen?
kaktus
Nein, bisher kann man sich das leider nicht anschauen.
Hi,
schade! Wäre schön, wenn Du Dein Ergebnis, wenn
sichtbar, nochmal vorstellen könntest.
Zu Deiner Frage:
NO bezeichnet den normalen, nicht ausgewählten Menüzustand.
ACT den aktiven Menüzustand, der bei einer Reiternavigation im Vordergrund sein sollte. Das Bild muss also so gestaltet sein, daß es Teile der nicht aktiven Reiter verdeckt.
Aber das hast du Dir sicher schon so gedacht . . .
kaktus
Ich müsste einfach nur im NO-Zustand wissen, ob es das Element direkt auf ACT folgende ist und in diesem Fall allWrap zu overriden.
Ich hatte da auch etwas in diese Richtung gefunden, wo "register:count_HMENU_MENUOBJ" und "register:count_menuItems" benutzt wurden, aber speziell diese Eigenschaften helfen mir ja nicht weiter. Und meine Versuche, im ACT-Bereich über LOAD_REGISTER selber etwas dort hinein zu schreiben (zB eben "register:count_HMENU_MENUOBJ"), um es dann im NO-Bereich abzufragen, sind auch fehlgeschlagen.
Das Problem ist "ganz einfach", dass ich für ein LI-Element, dessen Vorgänger aktiv/ACT ist, ein anderes background-image verwenden muss (eben links das Ende des aktiven und rechts den Anfang des normalen - statt links und rechts Ende/Anfang eines normalen Tabs).
Ich hoffe, wenigstens das Problem ist klar..
Hi,
das Problem ist schon klar. Ich versuche, am Wochenende die Zeit zu finden, um deinen Ansatz
nachzubauen. Ich denke dann redet es sich leichter.
Ich fürchte aber, dass sich die Geschichte nicht so einfach lösen lässt, denn mal angenommen dein aktives, im Vordergrund befindliches Menü - Image (ACT)überlappt nach rechts auf das darunter liegende Image im (NO) - Zustand, dann brauchst Du für den Zustand (NO) direkt neben (ACT) ein Bild mit Überlappung links. Für weitere, rechts befindliche Menüpunkte brauchst du aber auch ein Bild ohne Überlappung. Verstehst du, was ich meine?
Grüße, kaktus
Ja, ich verstehe, was du meinst. Die entsprechenden Bilder habe ich auch - nur fehlt mir eben die entsprechende Klasse beim auf-dem-aktuellen-folgenden, um dort auch die entsprechende Variante des Bildes zu verwenden.
Hat sich nun erübrigt. Ich habe das Verfahren nun so geändert, dass die "Zwischenbilder" am Ende der Tabs als Background genommen werden. Beim ACTiven nehme ich dann aber auch vorne ein Bild hinzu und verschiebe den Tab mit "margin-left" über den "beige-beige"-Übergang des Vorläufers.
An einer Lösung der ursprünglichen Frage wäre ich aber natürlich trotzdem interessiert.. 🙂