Um deine Navigationsleiste funktionsfähig zu machen, musst du noch die verschiedenen Menüpunkte mit der jeweiligen HTML-Datei verknüpfen. Das bedeutet, dass du nun für jeden Menüpunkt einen Link erstellen musst, der zur passenden HTML-Datei führt.
Ganz wie ein Menü sieht es jetzt nun noch nicht aus. Also geben wir dem gesamten Menü, also dem nav Element per float: right eine Anordnung nach rechts. Nun ordnen wir das CSS-Menü bzw. die einzelnen Listenelemente li einmal so an, dass es wie ein Menü wirkt, indem wir per display: inline die Listenanordnung aufbrechen und die Elemente nebeneinander anordnen. Und mit etwas margin für die li geben wir den Elementen etwas Raum. Standesmäßig stellt der Browser Links ja in Blau und unterstrichen da. CSS Menü erstellen - CodeCrowd - Programmieren lernen. Heben wir dies auf, indem wir den Link in dem nav Element eine andere Textfarbe und keine text-decoration zuordnen. Nun wäre es sicher noch schön, wenn die Navigationselemente sich im Aussehen verändern, wenn wir mit der Maus drüber fahren. Dies erledigen wir mit der Pseudoklasse:hover. Außerdem nutzen wir die Pseudoklasse:active, um dem aktuellen Navigationselement (also dem Link den wir gerade im Browser sehen) eine dickere Schriftart zuzuordnen. Die gesamte Navigationsleiste inklusive Logo in CSS Zu einer Navigationsleiste gehört auch ein Logo.
#1 Hallo liebe CSS´ler;) ich hab eine kleine Navigationsleiste auf einer Webseite. Sie funktioniert auch wunderbar. Nur wenn ich jetzt mit der Maus über ein Oberpunkt gehe öffnet sich automatisch die Unterpunkte dazu. Ich möchte aber das sich die Unterpunkte erst öffnen, wenn ich auf den Oberpunkt klicke. Wie mach ich das? Hier mal der CSS-Code im Header und der Code der Navigationsleiste im Body: HTML: