div für Hamburger menü geschlossen

master_stand_10_05_23
Sebastian Greil 2023-05-16 22:14:21 +02:00
parent 7bfb42a29d
commit 008151333f
18 changed files with 171 additions and 158 deletions

View File

@ -123,6 +123,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -82,6 +82,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -78,6 +78,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -119,6 +119,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -82,6 +82,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -72,6 +72,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -80,6 +80,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -64,6 +64,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>
<footer class="fuss" > <footer class="fuss" >

View File

@ -114,6 +114,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -81,6 +81,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -84,6 +84,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -70,6 +70,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>

View File

@ -10,7 +10,7 @@
<script src="burgerIcon.js"></script> <script src="burgerIcon.js"></script>
</head> </head>
<body> <body>
<header> <header>
<h1 class="kopf" > <h1 class="kopf" >
<br><br> <br><br>
Bibliothek <a href="index.html" id="bildID"> <img id="CandleID" src="pictures/candle.png" alt="Bild von einer Kerze" Bibliothek <a href="index.html" id="bildID"> <img id="CandleID" src="pictures/candle.png" alt="Bild von einer Kerze"
@ -29,11 +29,11 @@
<a href="anmelden_warenkorb.html" id="warenKorbID"> <img id="shoppingCard" src="pictures/shopingcart.png" alt="Bild von einem Wagen" <a href="anmelden_warenkorb.html" id="warenKorbID"> <img id="shoppingCard" src="pictures/shopingcart.png" alt="Bild von einem Wagen"
width="50" height="50"/> </a> width="50" height="50"/> </a>
</div> </div>
</header> </header>
<div class="hauptcontainer" id="verlängerung"> <div class="hauptcontainer" id="verlängerung">
<h1 id="verlängerungH1">Buch verlängern</h1> <h1 id="verlängerungH1">Buch verlängern</h1>
<div id="verlängerungContent"> <div id="verlängerungContent">
<p id="möchten-sie">Möchten Sie das folgende Buch um 7 Tage verlängern?</p> <p id="möchten-sie">Möchten Sie das folgende Buch um 7 Tage verlängern?</p>
@ -55,15 +55,15 @@
</div> </div>
</div> </div>
<!--Link JS file--> <!--Link JS file-->
<!--If it was small and got big, it calls the function only one time and doesn't do it all the time--> <!--If it was small and got big, it calls the function only one time and doesn't do it all the time-->
<script> <script>
var widthissue = false; var widthissue = false;
window.addEventListener("resize", function(event) { window.addEventListener("resize", function(event) {
if(window.innerWidth > 800 && widthissue) { if(window.innerWidth > 800 && widthissue) {
@ -73,9 +73,9 @@
else if(window.innerWidth < 800) widthissue = true; else if(window.innerWidth < 800) widthissue = true;
}) })
</script> </script>
<nav id="activeid" class="active"> <nav id="activeid" class="active">
<div class="navLinks"> <div class="navLinks">
<input class="nav-toggleclass"id="nav-toggle" type="checkbox" onclick="openNav()";> <input class="nav-toggleclass"id="nav-toggle" type="checkbox" onclick="openNav()";>
<label for="nav-toggle" class="icon-burger" > <label for="nav-toggle" class="icon-burger" >
@ -84,15 +84,15 @@
<div class="line"></div> <div class="line"></div>
</label> </label>
</div> </div>
</nav> </nav>
<footer class="fuss" > <footer class="fuss" >
<div> <div>
<a id="impressum" href="impressum.html">Impressum</a> <a id="impressum" href="impressum.html">Impressum</a>
<a id="kontakt" href="kontakt.html">Kontakt</a> <a id="kontakt" href="kontakt.html">Kontakt</a>
<a id="datenschutz" href="datenschutz.html">Datenschutz</a> <a id="datenschutz" href="datenschutz.html">Datenschutz</a>
</div> </div>
</footer> </footer>
</body> </body>
</html> </html>

View File

@ -204,6 +204,7 @@
<div class="line"></div> <div class="line"></div>
<div class="line"></div> <div class="line"></div>
</label> </label>
</div>
</nav> </nav>