[HTML/CSS] Geschachtelte Navigation mit CSS gestalten *gelöst*

[theHacker]

Moin.

Ich hab folgende Navigation (stark vereinfacht):
https://www.thehacker.ws/dummy/dummy.php

Jetzt möchte ich 2 Sachen ändern:

• Unter den Punkten 2 und 2.2 soll auch ein Strich rein. Das geht aber ned, weil ich <ul>-Tags nicht direkt hintereinander schachteln darf. Angezeigt hätte der Browser es afair sogar richtig, aber is halt ned richtig und sowas kommt ned in die Tüte
• Wo eine Sub-Kategorie auf ihr Eltern-<li>-Tag trifft, hab ich diese unschönen Doppelstriche, die sollten auch weg

Als Lösung hätte ich jetzt im Kopf, die betreffenden Problem-<li>-Tags mit extra Klassen zu versehen. Das erste Problem würde es sicher lösen, beim zweiten bin ich mir da ned so sicher.

Hat jemand n Idee, wie ich das vielleicht besser lösen könnte ?

 

[perlini]

Einfach 'top' statt 'bottom' und für das alles umschließende 'ul' noch explizit genau andersherum.

ul.navi_category li {
  background: url(linie_blau.gif) repeat-x bottom;
  padding:5px 0;
}

 

[theHacker]

Einfach 'top' statt 'bottom' und für das alles umschließende 'ul' noch explizit genau andersherum.

Danke. Ich bin gerade selber auf die Lösung gekommen, die ich gesucht hab. So ähnlich, nur noch besser.
Hab mir meinen Beitrag nochmal durchgelesen und festgestellt, dass die Linie, die unten zu viel is, die Linie is, die ich oben haben will.

Ich kann die Linie ja absolut positionieren:

background: url(img/linie_blau.gif) repeat-x [COLOR=Red]0px 26px;[/COLOR]