Unterteilung u. Abstände Unterseiten

Ich möchte in meiner Navigationsleiste die Navigationspunkte 1. Ordnung durch eine Linie (als Bild vorhanden) abtrennen. So dass zwischen jedem Hauptpunkt eine Linie ist. Die Unternavigation 2. Ordnung soll dann darunter aufgehen, wenn ich einen Hauptpunkt anklicke (was ich auch hinbekommen habe) Nur das mit den Linien klappt nicht. Welchen Selektor muss ich da bearbeiten, damit ich left bottom eine Linie platzieren kann?

Und wie kann ich den Abstand der Unterpunkte reduzieren? Die Schrift habe ich hier kleiner gemacht und die Unterpunkte sollen enger beieinander sein. Ich habe den Selektor .mod_navigation ul.level_2 bearbeitet, wenn ich die Zeilenhöhe größer mache, rücken die Punkte auch auseinander, also bin ich ja wohl im richtigen Selektor. Aber ich bekomme sie nicht enger zusammen.

Zitat:

---

Zitat von Mitch

Ich möchte in meiner Navigationsleiste die Navigationspunkte 1. Ordnung durch eine Linie (als Bild vorhanden) abtrennen. So dass zwischen jedem Hauptpunkt eine Linie ist.

---

Probier mal

Code:

---

.mod_navigation ul li

---

Zitat:

---

Zitat von Mitch

Und wie kann ich den Abstand der Unterpunkte reduzieren? Die Schrift habe ich hier kleiner gemacht und die Unterpunkte sollen enger beieinander sein. Ich habe den Selektor .mod_navigation ul.level_2 bearbeitet, wenn ich die Zeilenhöhe größer mache, rücken die Punkte auch auseinander, also bin ich ja wohl im richtigen Selektor. Aber ich bekomme sie nicht enger zusammen.

---

Probier mal

HTML-Code:

---

.mod_navigation ul.level_2 li

---

Schau dass die line-height nicht zu hoch ist und ändere dann das margin

Vielen Dank für die Antwort!

.mod_navigation ul li
Funktioniert halbwegs, nur habe ich jetzt zwischen den Unterseiten auch jeweils eine Linie. Die Unterseiten sollen ohne Linienabtrennung untereinander stehen.

.mod_navigation ul.level_2 li
Gleiches Spiel: Vergrößern geht, aber selbst wenn ich Zeilenhöhe 1 px eingebe, bleiben die Unterpunkte zu weit auseinander.

Hallo Mitch,
ich kenne deine CSS Definitionen nicht...
Also musst du an verschiedenen Stellen schauen:

margin / padding / line hight

und alle 3 Werte musst du bie den Werten Kontrollieren:

a / span / li

Am besten kannst du solche Abstand Probleme herausfinden, indem du dir das mal mit dem Firebug anschaust (addon für Firefox).

Viele Grüße

Firebug hab ich im Einsatz, aber irgendwie werd ich daraus nicht schlau.

Hab jetzt doch herausgefunden, dass ich die Linien mit ".mod_navigation ul li" hinzufüge und dann mit dem Selektor ".mod_navigation ul li li" eine "hidden" Linie einstellen muss, dann klappt es.

Das mit den Abständen zwischen den Unterpunkten will aber nicht klappen.

http://www.sanlite.de/Typolight/tl_f...ilder/Navi.jpg

Hallo Mitch, die wichtigen Infos rechts sind bei dir leider ausgeblendet.
Dort sieht man normalerweise welche CSS-Regeln greifen und bei einem Klick auf Layout bekommt man sogar Höhe / Breite und Abstände gezeigt für das jeweilige Element.

Hast du eventuell einen Link wo man sich das mal anschauen kann?

Viele Grüße

hier: http://www.sanlite.de/Typolight/klas...-massagen.html

Hallo Mitch,
du hast da 2 Dinge die verhindern, das level2 näher aneinander rückt:


.mod_navigation ul.level_2 a {line-height:34px;}
.mod_navigation ul.level_2 li {line-height: 2em;}

Wenn man beides als Beispiel auf 1em setzt sieht das schon ganz anders aus...
Ich glaube mit .mod_navigation ul.level_2 a {line-height:1.5em;} düftest du glücklicher werden ;-)

Viele Grüße

Hat geklappt. Ich hatte die line height immer in px angegeben, wieso funktioniert das dann nicht?