MWN1_12 - Menü: Vertiefung

Menüs - Vertiefung

Gestaltung von Menüs mit Hilfe von CSS

Formatierung (CSS), damit ein vertikales Menü in ein horizontales Menü umgewandelt wird:

 https://www.w3schools.com/css/css_navbar.asp (horizontale und vertikale Menüs)

 

Anregungen zur Menügestaltung - ACHTUNG auf das jeweilige Copyright (und die Folgen bei Missachtung)

Sammeln von Anregungen zur Menügestaltung im Web
http://barrierefrei.e-workers.de/workshops/tricks/menues.php

https://www.w3schools.com/css/css_navbar.asp

 

 

 

Exkurs: Positionierung von Elementen (für Interessierte)

Elemente (zB DIV-Container) können verschoben werden (zB ausgehend von ihrer ursprünglichen Position um 50px nach rechts verschoben werden)

"position:" https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung/position  (Positionierungsarten: fixed, absolute, relative; Abstände: top ...)

 

Exkurs: responsive Menüs (für Interessierte)

Mittels flexbox können Elemente (zB Menüeinträge) abhängig von der Breite der Anzeige nebeneinander oder untereinander angeordnet werden.

https://wiki.selfhtml.org/wiki/HTML/Tutorials/Navigation/Grundstruktur#Responsive_Navigation (die Effekte werden häufig erst beim Vergrößern/Verkleinern des Browserfensters sichtbar)