Mittwoch, 22. Februar 2012

Horizontale Menüs in Web-Applikationen

Wahrscheinlich sehen Web-Applikationen auch deswegen so anders aus als Desktop Applikationen, weil es manchmal gar nicht so einfach ist, gängige Benutzeroberflächen-Elemente im Browser nachzubauen.

Dieser Tage habe ich mich mit horizontalen Menüs befasst. Einfach so eine Menüzeile, wie Sie sie eben auch oben in Ihrem Web-Browser Fenster sehen.

Die erste Ebene ist noch einfach: das sind Schaltflächen vor grauem Hintergrund. Aber wenn man draufklickt, soll ein drop-down Menü erscheinen (2. Menüebene) und wenn man dort draufklickt allenfalls noch ein flyout Menü. Die sollen sich über den darunter liegenden Seiteninhalt drüber legen, ohne irgend etwas zu verschieben.

Gar nicht so einfach das mit HTML und CSS hinzubekommen. Das Web ist zwar voll mit Lösungsvorschlägen dazu, aber eine Lösung, die unter allen Umständen und auch mit älteren Browsern funktioniert und dann auch optisch so ähnlich aussieht wie wir es von unseren Desk-Top Anwendungen gewohnt sind: Das ist dann schon etwas anderes.

Es wundert mich nicht, wenn so mancher Web-Entwickler den Hut drauf haut und sich denkt: Eine Navigationsleiste am linken Rand tut es auch....

Keine Kommentare:

Kommentar veröffentlichen