Auf Thema antworten

Beitrag

[QUOTE="Wolf21, post: 12137, member: 3877"]
Hallo, ich verstehe nicht was bzw warum diese befehle als fehlerhaft deklariert werden. Bitte um Hilfe. Ich bedanke mich schon mal im voraus.

Die fehler werden mir bei ul angzeigt und zwar bei den Doppelpunkten von left, text-align und transiton.
Ein weiter fehler wird mir bei der untersten geschweiften klammer angezeigt.
[CODE=html]<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="kont.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"#></label>
    <ul>
        <li class="active"><a href="über.html">Home</a></li>
        <li><a href="leis.html">Leistung</a></li>
        <li><a href="neu.html">News</a></li>
        <li><a href="über.html">über uns</a></li>
        <li><a href="kont.html">Kontakt</a></li>
    </ul>
</nav>

*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}
body {
    font-family: montserrat;
}
nav {
    background: #0082e6;
    height: 80px;
    width: 100%;
}
label.logo{
    color: white;
    font-size: 35px;
    line-height: 80px;
    padding: 0 100px;
    font-weight: bold;
}
nav ul{
    float: right;
    margin-right: 20px;
}
nav ul li{
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
}
nav ul li a{
    color: white;
    font-size: 17px;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
}
a.active,a:hover{
    background: #1b9bff;
    transition: .5s;
}
.checkbtn{
    font-size: 30px;
    color: white;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
#check{
    display: none;
}
@media (max-width: 952px){
    label.logo{
        font-size: 30px;
        padding-left: 50px;
    }
    nav ul li{
        font-size: 16px;
    }
}
@media (max-width: 858px){
    .checkbtn{
        display: block;
    }
    ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #2c3e50;
        top: 80px,
        left: 0;
        text-align: center;
        transition: all .5s;
    }
    nav ul li{
       display: block;
       margin: 50px 0;
       line-height: 30px;
    }
    nav ul li a{
        font-size:20px;
    }
    a:hover,a.active{
        color: #0082e6;
    }
    #check:checked ~ ul{
        left: 0;
    }
}[/CODE]
[/QUOTE]

Authentifizierung