@@Beginner > ~~~ > Home > Erste Seite > Zweite Seite > Dritte Seite > Vierte Seite > Fünfte Seite > Sechste Seite > ~~~ Es handelt sich um eine Breadcrumb-Navigation? > Nun muss die Navigation ab einer gewissen Länge ungefähr Mittig verkürzt und durch drei Punkten ersetzt werden. Warum muss das? Warum soll die Navigation nicht vollständig angezeigt werden, ggfs. mehrzeilig? „Kein Platz“ ist kein Argument. Platz ist auf Webseiten immer vorhanden. > Ist das via CSS möglich? So, wie du das beschreibst, wohl nicht. > Hat jemand eine Idee dazu? Ja. Keine Auslassungspunkte, sondern eine [horizontal scrollbare Navigation](https://codepen.io/gunnarbittersmann/pen/NWBKLLZ). Bei einer Breadcrumb-Navigation sollte der letzte Menüpunkt initial im Blick sein. Der Trick mit `direction: rtl` wie bei den [Klimastreifen](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) wollte mir hier nicht gelingen, also mit JavaScript nachgeholfen: [horizontal scrollbare Breadcrumb-Navigation](https://codepen.io/gunnarbittersmann/pen/eYjELKj) Wenn man will, kann man [den ersten Menüpunkt („Home“) fixieren](https://codepen.io/gunnarbittersmann/pen/MWBvPxg). (Nur so als Prototyp; bei dem Gradienten müsste noch nachgearbeitet werden.) Da der Link zur Startseite aber oft schon anderweitig vorhanden ist (Logo), ist die Fixierung wohl nicht vonnöten. 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter

@@Beginner > ~~~ > Home > Erste Seite > Zweite Seite > Dritte Seite > Vierte Seite > Fünfte Seite > Sechste Seite > ~~~ Es handelt sich um eine Breadcrumb-Navigation? > Nun muss die Navigation ab einer gewissen Länge ungefähr Mittig verkürzt und durch drei Punkten ersetzt werden. Warum muss das? Warum soll die Navigation nicht vollständig angezeigt werden, ggfs. mehrzeilig? „Kein Platz“ ist kein Argument. Platz ist auf Webseiten immer vorhanden. > Ist das via CSS möglich? So, wie du das beschreibst, wohl nicht. > Hat jemand eine Idee dazu? Ja. Keine Auslassungspunkte, sondern eine [horizontal scrollbare Navigation](https://codepen.io/gunnarbittersmann/pen/NWBKLLZ). Bei einer Breadcrumb-Navigation sollte der letzte Menüpunkt initial im Blick sein. Der Trick mit `direction: rtl` wie bei den [Klimastreifen](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) wollte mir hier nicht gelingen, also mit JavaScript nachgeholfen: [horizontal scrollbare Breadcrumb-Navigation](https://codepen.io/gunnarbittersmann/pen/eYjELKj) Wenn man will, kann man [den ersten Menüpunkt („Home“) fixieren](https://codepen.io/gunnarbittersmann/pen/MWBvPxg). (Nur so als Prototyp; bei dem Gradienten müsste noch nachgearbeitet werden.) 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter

@@Beginner > ~~~ > Home > Erste Seite > Zweite Seite > Dritte Seite > Vierte Seite > Fünfte Seite > Sechste Seite > ~~~ Es handelt sich um eine Breadcrumb-Navigation? > Nun muss die Navigation ab einer gewissen Länge ungefähr Mittig verkürzt und durch drei Punkten ersetzt werden. Warum muss das? Warum soll die Navigation nicht vollständig angezeigt werden, ggfs. mehrzeilig? „Kein Platz“ ist kein Argument. Platz ist auf Webseiten immer vorhanden. > Ist das via CSS möglich? So wie du das beschreibst wohl nicht. > Hat jemand eine Idee dazu? Ja. Keine Auslassungspunkte, sondern eine [horizontal scrollbare Navigation](https://codepen.io/gunnarbittersmann/pen/NWBKLLZ). Bei einer Breadcrumb-Navigation sollte der letzte Menüpunkt im Blick sein. Der Trick mit `direction: rtl` wie bei den [Klimastreifen](https://codepen.io/gunnarbittersmann/pen/zYaXMQP) wollte mir hier nicht gelingen, also mit JavaScript nachgeholfen: [horizontal scrollbare Breadcrumb-Navigation](https://codepen.io/gunnarbittersmann/pen/eYjELKj) Wenn man will, kann man [den ersten Menüpunkt („Home“) fixieren](https://codepen.io/gunnarbittersmann/pen/MWBvPxg). (Nur so als Prototyp; bei dem Gradienten müsste noch nachgearbeitet werden.) 🖖 Живіть довго і процвітайте {:@uk} -- *„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“* — @Grantscheam auf Twitter