Aus dem Kurs: CSS: Responsive Flexbox-Layouts für Profis

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 24.900 Kurse von Branchenfachleuten.

Die etwas andere Dropdown-Navigation 1: Grundprinzip, HTML und CSS

Die etwas andere Dropdown-Navigation 1: Grundprinzip, HTML und CSS – Tutorial zu CSS

Aus dem Kurs: CSS: Responsive Flexbox-Layouts für Profis

Gratismonat starten Für Ihr Team erwerben

Die etwas andere Dropdown-Navigation 1: Grundprinzip, HTML und CSS

“

Ich möchte Ihnen jetzt eine Navigation mit mehreren Ebenen vorstellen, also Multilevel mit dem Untertitel: das etwas andere Dropdown, denn wenn man mit der Maus hier über den Menüpunkt mit Unterpunkten fährt, dann passiert gar nichts. Meistens klappt dann ja schon das Untermenü heraus. Grund dafür ist, dass es inzwischen nicht mehr nur maus-basierte Systeme gibt, sondern auch Touchscreens und/oder Bedienung per Tastatur und dieses Dropdown-Menü funktioniert auch auf Touchscreens und auch per Tastatur. Wenn Sie mit der Tabulatortaste hier einfach durch-tabben in diesem Menü, dann sehen Sie, mit Umschalt-Tab zurück, mit Tab nach vorne, dann wird der Pfeil hervorgehoben. Jetzt kann man das mit Enter rein- und raus-klappen. Ich gehe nochmal einen weiter, hier beim nächsten passiert das genau so und das geht natürlich auch auf einem Touchscreen. Wenn man hier draufdrückt, klappt es raus und wenn man nochmal draufdrückt, klappt es wieder rein. Live und in Farbe können Sie das sehen auf…

Inhalt