Responsive Menü nur mit HTML und CSS – ohne Javascript | Tutorial
Wir erstellen in diesem Tutorial ein Menü das responsive ist und sich an die Breite des Displays anpasst. So passt sich das Menü entsprechend in seiner Größe und seiner Darstellung an. Tutorial im Video HTML-Grundlagen
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<!DOCTYPE html> <html lang="de" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,inital-scale=1.0"> <title>Responsive Menü</title> <link rel="stylesheet" href="style.css"> <script src="https://kit.fontawesome.com/a076d05399.js"></script> </head> <body> <nav> <input type="checkbox" id="check"> <label for="check" class="checkbtn"> <i class="fas fa-bars"></i> </label> <label class="logo">Techoxid</label> <ul> <li><a class="active" href="#">Home</a></li> <li><a href="#">Notebooks</a></li> <li><a href="#">Monitore</a></li> <li><a href="#">Fernseher</a></li> <li><a href="#">Tutorials</a></li> </ul> </nav> <section></section> </body> </html> |
Fontawesome und „fas fa-bars“: Hiermit stellt man das Hamburgermenü mithilfe von „FontAwesome“ dar. checkbox und checkbtn: Für das … Weiterlesen Responsive Menü nur mit HTML und CSS – ohne Javascript | Tutorial
