Subnavigation horizontal in 2 Listen - wie mache ich das?

[Sunnygarden]

Hallo liebe Contao-Gemeinde,

ich habe eine 2spaltige Seite, links die Hauptnavigation, oben quer die Subnavigation und unten quer eine kleine individuelle Navigation. Nun möchte ich die Subnavigation nach und nach erweitern, aber wenn ich das mache, ist der Abstand zwischen den beiden Reihen der Subnavigation ziemlich groß, da an irgendeiner Stelle der Umbruch stattfindet zwischen erster und zweiter Reihe. Und hier stelle ich mir die CSS-Formatierung auch schwierig vor, weil ja nicht alle Seiten eine 2. Reihe der Subnavigation haben.

Wie komme ich denn in den Quelltext des Navimenüs? Ich habe bei Contao.org eine Beispielseite gesehen, die hatte das so gelöst, dass sie 2 Listen für eine Subnavigation gemacht hat. Vielleicht könnte mich das ja weiterbringen.

Danke schon mal für Eure Tipps und Hinweise und sonnige Grüße von
Sunnygarden

[MacKP]

Hallo Sunnygarden,
ich weiß zwar nicht was das Grundproblem ist mit geht schlecht per CSS, aber für die Navi solltest du das hier lesen:

http://de.contaowiki.org/ModulNavigation

Wenn wir beim CSS helfen sollen, brauchen wir nen Link zur Seite um das genau zu sehen.

Viele Grüße

[Sunnygarden]

Hallo MacKP,

danke für die schnelle Antwort. Im Wiki hatte ich schon gelesen, finde da aber keine Antwort. Meine Webseite ist noch nicht online, deshalb kann ich auch keinen Link posten.

Es sieht momentan so aus, dass ich auf der Seite ca. 6 Tabs nebeneinander habe. Bekommt jetzt eine Seite einen 7. Tab, dann rutscht der 2 cm runter und legt sozusagen eine 2. Reihe in der Navigation an. Und er ist dann li class="last". Soweit okay. Aber ich habe ja nicht auf allen Seiten 7 Tabs, sondern manchmal sind es nur 5 und dann ist halt der fünfte Tab li class="last". Wenn ich jetzt also da anfange, "last" zu formatieren, dann habe ich die Befürchtung, dass mein Layout etwas zerschossen wird.

Deshalb hab ich gedacht, ich könnte ab dem 7. Tab eine extra Liste machen, die ich dann auch extra formatieren könnte. Aber da weiß ich nicht, wie ich das mit Contao machen kann.

Gruß,
Sunnygarden

[Sebastian]

HI

Wenn du CSS3 einsetzen kannst, nimm das:

.mod_navigation li:nth-child(7) {
 IRGENDWAS
}

Sebastian

[Sunnygarden]

Hallo Sebastian,

cooler Tipp. Danke. Das klappt wunderbar.

Gruß,
Sunnygarden

[schman]

denk aber dran das nicht alle Browser CSS3 können

[MacKP]

Könntest auch dem betreffenden Navipunkt in der Seitenstruktur eine Klasse geben, wie .besondereklasse_navi
Die ist dann bei dem Punkt in der Navi verfügbar und du kannst das darüber Stylen.
Eventuell könnte man aber auch überlegen, ob man das nicht so flexiebel machen kann, das einfach ein automatischer Umbruch ist, aber dadurch das Design nicht gestört wird...

Viele Grüße

[Sunnygarden]

Hallo schman und MacKP,
stimmt. Der IE8 kann ja kein CSS3. Ich hab das jetzt so gelöst, wie Du, MacKP, es vorgeschlagen hast. Danke für die Tipps. Jetzt funktioniert es einwandfrei.

Gruß,
Sunnygarden