Ich hab jetzt den Tipp bekommen, das einfach mit 2 TMENU-Ebenen und CSS zu machen. Wenn ich die Ebene 1 in die Ebene 2 referenziere, wird diese einfach rechts neben dme jeweiligen Hauptmenüpunkt angezeigt, sie soll aber horizontal darunter angezeigt werden. Kennt TMENU sowas wie einen Offset oder muss ich das ganze über CSS machen ?
Horizontales Submenü bei GMENU/TMENU_LAYERS
fragile74 schriebIch hab jetzt den Tipp bekommen, das einfach mit 2 TMENU-Ebenen und CSS zu machen. Wenn ich die Ebene 1 in die Ebene 2 referenziere, wird diese einfach rechts neben dme jeweiligen Hauptmenüpunkt angezeigt, sie soll aber horizontal darunter angezeigt werden. Kennt TMENU sowas wie einen Offset oder muss ich das ganze über CSS machen ?
über css
ok,
also meine gedankliche Vorgehensweise wäre :
- TYPO3 TMENU mit ul/li - wrapping für die entsprechenden Ebenen anlegen
- CSS IDs/Klassen den einzelnen Ebenen und Zuständen zuweisen
- CSS - Formatierungen erstellen (hab grad gemerkt, daß man ul/li Elemente durch "display:inline" im CSS-Stylesheet ohne Zeilenumbruch hintereinander anordnen kann, das wäre die Lösung für mein Problem)
- CSS-Datei z.b. als Ressource ans TYPO3 - Template hängen
-> fertig ...
right ? 🙂
update :ich bekomms auch mit CSS nicht hin,daß die 2. Ebene die Menüpunkte horizontal darstellt ... brauche ich dafür vielleicht eine eigene Klasse, d.h. ich arbeite für beide ebenen mit der "Spaltenbreite" der Menüpunkte der Hauptebene udn deshalb bricht der Browser das automatisch um ??
Also ich habe sowas noch nicht probiert und glaube auch, dass das schwierig wird. Ich denke hier sind floats deine Freunde. Such mal nach CSS float
Christian
Sorry - aber wenn ein so umfangreiches System wie TYPO3 bei einer so einfachen Designanforderung scheitert bzw. Umwege über spezielle und cross-browser-fragwürdige CSS-Techniken nehmen muss ... *kopfschüttel* ... ich hab das in Flash in 10 Min gemacht *immernochwundeR*
Ja nun, mit Flash kann man viel machen was in HTML/CSS nicht geht. Aber das liegt doch nicht an TYPO3 sondern einfach daran, das HTML/CSS nicht alles kann und cross-browser ist Flash ja auch nicht unbedingt. Wenn man sowas will muss man sich halt mit CSS beschäftigen und versuchen so eine Lösung erstmal mit HTML zu bauen. Wenn man dann einen funktionierenden Code hat, ist der ja einfach in TYPO umgesetzt. Theoretisch könnte man auch mal eine Bibliothek mit TS-Codes für verschiedene Menüs anlegen. Vielleicht starte ich mal so ein Projekt.
Wie man Flash mit TYPO3 technisch vergleichen kann ist mir ein kleines Rätsel. Ausserdem scheints grundlegend an HTML/CSS zu scheitern, warum ich das Kopfschütteln nicht ganz nachvollziehen kann. Genereller Tipp: komplexere Konstrukte in HTML/CSS einfach mal lokal durchdenken/aufbauen, etc.. Der Umbau in TypoScript fällt dann evtl. leichter.
grüsse
Ja stimmt schon, ich bin nur gerade etwas frustriert, weil genau mein Fall zweier horizontaler Ebenen nicht einfach in Typoscript gelöst werden kann. Ich komme aus der Flash-Welt (mit HTML und PHP im Rücken) und hab bisher CSS gemieden, da mir das noch viel zu uneinheitlich (siehe Quirks-Mode-Hacks blabla) implementiert ist. Ich vergleiche auch nicht Typo3 komplett mit Flash sondern die Möglichkeiten, die mir Typoscript nativ zur Navigationserstellung bietet und da muss ich "designtechnisch" gerade in diesem einen speziellen Konstruktfall einen riesen Zirkus veranstalten - daher der Frust (wohl auch, weil der Chef auf 2 horizontalen Ebenen besteht...🙁 )
Hi,
ich hab das ganze mal liegen gelassen und bin heute vormittag nochmal dran. Die Sache ist sehr einfach :
TYPO3 bzw. DHTML bricht die Menüüunkte im Layer an dessen rechter Kante um. Folglich stehen die Menüpunkte in den Beispielen untereinander, weil der DHTML-Layer nur etwa 100 Pixel breit ist. Will ich die Subebene 1 HORIZONTAL unter den Hauptmenüpunkten stehen haben, lege ich die Prop "layerStyle" so an :
"layerStyle = position:absolute;left:20px;top:35px;width:300px;VISIBILITY:hidden; "
Ich ich mache den Layer also nicht 100 oder nur 30 px breit, sondern 300. Damit haben die Menüpunkte Platz und stehen im per Typoscript gewählten Abstand nebeneinander. Hat also nix mit CSS zu tun, sondern mit der DHTML-Technik.
Hoffe etwaigen Horizontal-Layoutern geholfen zu haben.
Danke für die Ausführung. Problem also gelöst? Dann wird's mal als gelöst markiert.
Ausserdem:
fragile74 schriebHat also nix mit CSS zu tun, sondern mit der DHTML-Technik.
Um Verwirrung vorzubeugen: CSS ist Bestandteil von dHTML.
grüsse