Hallo,
ich lerne gerade HTML und CSS und versuche, die aller erste Website zu bauen. Bei dem Thema "Navigationsleiste" stoße ich gerade massiv auf Probleme und hoffe, dass mir hier geholfen werden kann.
Ich möchte gerne eine Navigationsleiste haben, wo man bei einigen Elementen "hovern" kann und sich dann ein dropdown-Menü mit weiteren Seiten aufbaut. Folgenden Code habe ich genutzt:
https://jsfiddle.net/u3ct61y9/
Aktuell habe ich die obere Struktur soweit fertig, die auch annehmbar aussieht. Allerdings passiert beim hover nichts. Blendet man das "display: none;" aus, so sieht man, dass sich das div mit der zweiten Liste nicht unter, sondern neben dem Eintrag auf oberster Ebene befindet. Wie kann ich dies beheben? Ich habe bereits vieles mit der Positionierung versucht und verzweifle langsam...
Um das zweite Element mit dropdown-Eigenschaft habe ich bisher keine divs gebaut, da ich zunächst die erste ans Laufen bringen wollte.
Viele Grüße
Philipp