Navigationsmenü oder individuelle Navigation

[iku]

Hallo,
Ich habe ein paar generelle Fragen zum Thema Navigationsmenü Contao und zur Umgestaltung der Seitenhierarchie dessen. Ich verwende ein Template in dem die Seiten, nach der Hierarchie vom Backend, im Menü auf der Webseite normalerweise von links nach rechts angelegt sind und die Login oder Register Seite auf der rechten Seite des Menübalken liegen.
Dies würde ich gerne genau umgekehrt lösen. Leider ist mir dies mit dem Ändern der CSS Datei noch nicht gelungen. Im CSS unter #mainmenu und #mainmenu.li kann ich zwar den Seitentausch vollziehen aber wenn sämtliche Hauptmenüpunkte links liegen (float:left dann sind sie Hierarchie bedingt eben dann von rechts nach links angeordnet (HOME ganz rechts). Die neu-Anordnung im Backend brachte zwar den optischen Erfolg aber beim Laden der Seite wird natürlich die Seite aktiv die zuoberst in der Seitenhierarchie ist im Backend, in meinem Fall Kontakt ....
Das genaue Zusammenspiel ist mir eigentlich schon geläufig aber so richtig habe ich die Lösung noch nicht gefunden..........

Ansätze: nav template ändern, css (wobei damit habe ich genug probiert), individuelle Navigation.....

[mike_mcfly]

Also wenn ich das richtig verstanden habe, soll das so aussehen, oder:

1) Hauptmenu links:
- Hauptseite
- Stellenangebote
- Arbeitgeber
- Stellensuchende
- Kontakt

2) Individuelle Navigation:
- Account
- Logout

-------------------------------

- Hauptmenu bei den Frontend-Modulen (unter Seitenlayout) als erstes mit CSS float:left
- Individuelle Navigation bei den Frontend-Modulen unterhalb dem Hauptmenu und float:right

[iku]

Hi,
Nein das Bild wäre so ok, aber eben auf der rechten Seite sollte es mit Kontakt enden....gerade umgkehrt als jetzt aber alles rechts gehalten...

Gruss

[mike_mcfly]

Dann müsstest Du eigentlich nur im Seitenbaum Kontakt ganz nach unten stellen, wenn ich das richtig verstanden habe.
Wäre hilfreich, wenn Du kurz schreiben könntest wie die Anordnung sein soll, also so mit 1., 2., 3., etc...

[iku]

Hi,
Das war auch mein Plan, dann stimmt die Optik aber wenn du die Seite aufrufst wird lustigerweise als Startseite die im Backend als oberste steht gezeigt. In meinem Fall Kontakt wenn ich alle umordne.

[mike_mcfly]

Hast Du mal einen Link zu der Seite?

Und ein Screenshot von dem Seitenbaum?

[iku]

hier.

[mike_mcfly]

Durch das float:right werden die Menupunkte umgedreht - verstehe.

Versuch mal die <li> mit display:inline, wenn Du das float nicht unbedingt benötigst.

[iku]

Hi,
Das wird leider auch nichts. Dann stehen sie links übereinander. Ich bin überzeugt das muss mit CSS gehen? die richtige Kombination finden...??

[mike_mcfly]

Es müsste eigentlich mit dem float klappen. Versuche mal die Reihenfolge der Menüs im Backend (unter Layout-Module) umzudrehen.

[iku]

Hi,
Das klappt schon, aber es ist meiner Ansicht nach so definiert, das jeweils die im Backend (im Menu sichtbare) Seite aktiv ist wenn man die Webseite öffnet. Daher wäre folglich die Anordnung richtig aber laut Backend würde dann eben in meinem Fall der Menupunkt Kontakt die erste Seite sein die man sieht. Ich glaube so etwas muss man eher im Template richten??

[wotank]

Durch das float:right werden die Menupunkte umgedreht - verstehe.

float:right für ul und float:left für li......einfach und bewährt um die Reihenfolge der Links zu bewahren, falls die navi mal nach rechts muss..

[iku]

oha, ja so könnte es was werden....habe ich bis jetzt gar nicht in Betracht gezogen....

so, gleich mal probieren....

[iku]

Muss ich jetzt so die Seiten im Backend auch noch anders ordnen??

[tblumrich]

Muss ich jetzt so die Seiten im Backend auch noch anders ordnen??

Klare Antwort: Es kommt drauf an.

Im Ernst: Probiers mal aus.

Gruß
Thomas

[iku]

Wenn ich ul anwende ist es doch eine unordered list? will heissen sie schiebt sich zwar nach rechts bei float:right; aber ist dort dann übereinander anstatt nebeneinander? Ich sehe wohl den Wald vor lauter Bäumen nicht?

Ich werde noch etwas herumprobieren.

[tblumrich]

So wie wotank das vorgeschlagen hat...
Du verschiebst deine Navigationsliste ul mit float:right nach rechts innerhalb deines Elternelements.
Die Listenpunkte li floatest du innerhalb der Liste ul mit float:left wieder linksbündig nebeneinander und zwar in der Reihenfolge deiner Struktur.

Ok?

[iku]

hat soweit geklappt aber das padding innerhalb Eltern Element greift natürlich jetzt nicht mehr richtig ....aber sonst tiptop habe das Element für ul und li angelegt.