Problem mit Script

[Rolf B]

Hallo thementholist,

zuerst mal ein paar Hinweise.

1. es wird sicherlich daran liegen, dass Du deine Seite einfach in den Pen kopiert hast - aber normalerweise setzt man JavaScript in den Script-Bereich des CodePen. Aber es funktioniert ja auch so.

2. zu deinen Menütexten: HOME, SERVICE, und so weiter. Falls Du die Seite irgendwann bedienbar (= für alle bedienbar, auch Leute mit Screen-Readern) haben willst, dann ändere diese Text in normale Schreibung, und zeige den Text mittels CSS als Großbuchstaben an. Dafür fügst Du der Regel für .text noch die Eigenschaft text-transform: uppercase; hinzu.

3. statt <div id="header"><div class="header">...</div></div> ist sicherlich ein einzelnes <header> Element besser. Das div mit id="header" scheint mir auch von nichts angesprochen zu werden, es müsste unnötig sein.

4. Dein Header ist fixed. Das bedeutet, dass er aus dem normalen Seitenfluss herausgenommen ist und deine Inhalts-Sections dahinter erscheinen. Entweder gibst Du deinen Inhaltssections einen passenden margin-top, oder Du überlegst Dir eine andere Art der Seitenaufteilung (z.B. ein Grid).

Zu deinem Problem: Wo ist es denn? Das Menü verhält sich auf Mausbefehle so, wie es vermutlich soll. Was funktioniert nicht? Zeig doch mal eine Codepen-Variante, die Probleme macht.

Rolf