Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 14721, member: 3917"]
Hallo und willkommen im Forum!
Für den Anfang sieht das doch schon Mal gut aus, Du hast sogar CSS-Variablen verwendet.

Der Grund warum das mit dem Checkbutton nicht funktioniert: Dieser und die Navigation sind keine Geschwisterelemente, denn sie liegen in verschiedenen Containern. Glücklicher Weise kannst Du den Checkbutton beliebig anordnen, wenn Du ihn auf die selbe Stufe wie die Nav legst, funktioniert es:
[CODE]        <header>
            <nav>
                <input type="checkbox" id="toggle-button">
                <div class="logo-container">
                    <label for="toggle-button">
                        <span><img class="logo-symbol" src="images/buttondown.png" alt=""></span>
                        <div class="logo-text">Haustechniker / House Technician</div>
                    </label>
                </div>

<div class="nav-container" id="nav-container">
                    <ul>
                        <li><a href="#">Aufgaben</a></li>
                        <li><a href="#">Besprechungsraum</a></li>
                        <li><a href="#">Festzeltgarnitur</a></li>
                        <li><a href="#">Team</a></li>
                    </ul>
                </div>
            </nav>
        </header>
[/CODE]

Noch ein Hinweis: Dein Header überdeckt den Hauptinhalt, das kannst Du sehr leicht beheben indem Du für [ICODE]position[/ICODE] nicht [ICODE]fixed[/ICODE] sondern [ICODE]sticky[/ICODE] verwendest.

Und Code besser in Codetags posten:
[ATTACH type="full" alt="1716291292466.png"]526[/ATTACH][ICODE][/ICODE]
[/QUOTE]

Authentifizierung