Dieser Workshop zeigt Euch, wie Ihr ein schickes Navigationsmenü bauen könnt, welches ohne Javascript auskommt und trotzdem auf den modernen Browsern funktioniert.
Realisieren werden wir das ganze mittels einer Liste "<ul>". Der Grund dafuer besteht darin dass die Menüstruktur auch fuer Browser, die mit CSS nicht korrekt bzw garnicht umgehen koennen, dann immer noch sichtlich, naemlich als normale gegliederte Liste, dargestellt wird.
Dazu erstellen wir zunaechst eine normale Liste, deren Listenelemente jedoch von einem Link umgeben sind. Warum dies ? Weil der IEx leider den Hover-Effekt nur fuer Links implementiert.
Das war soweit schon einmal unser HTML Code .. wir definieren wie gesagt nur eine Liste innerhalb eines DIV Containers. Nun noch die benoetigten CSS Angaben; schreibt sie in einen <style> Bereich im Head oder bindet sie in einer externen CSS Datei ein:
Damit haben wir ein nettes Menue gebastelt, dass 1000% schneller laedt als jede Javascript Loesung und auch mit deaktiviertem CSS noch die logische Menuestruktur bewahrt. Zudem gibt es auch kein Ruckeln, dass bei manchen JS Loesungen auftaucht.
Lust, selbst einen Artikel zu schreiben?
Das Photozauber Team dankt für jede Unterstützung Eurerseits.