Navi mit Verbindungslinie zur Subnavi

[CikoNo1]

Hallo Leute,

hab da mal ne Frage wie man sowas mit CSS realisieren kann Navigation.

Ich habe die Navi mit einer Liste aufgebaut und dann mit Css formatiert, aber ich weiß nicht wie ich diese Verbindungslinien hinbekomme. Ich weiß gar nicht nach was ich suchen soll.

Kann mir jemand einen Denkanstoß geben.

Viele Grüße

 

[Maik]

Hi,

da sich gestrichelte / gepunktete Linien in CSS über die Rahmeneigenschaft border-style einrichten lassen, ist es bei diesem Linienverlauf ratsam, die Verbindungslinien zwischen dem Ober- und Untermenüpunkt grafisch umzusetzen, und sie als Hintergrundbild-Segmente in den Menüebenen einzusetzen / zusammenzufügen.

Ein ähnliches Beispiel, das solch abgewinkelte gestrichelte Linien in einem verschachtelten Listenmenü nutzt, kannst du dir in dem Tutorial Hierarchical Sitemap with Dashed Lines näher anschauen.

mfg Maik