CSS finde fehler nicht

Diskutiere CSS finde fehler nicht im CSS Forum im Bereich Programmierung; Hallo, ich verstehe nicht was bzw warum diese befehle als fehlerhaft deklariert werden. Bitte um Hilfe. Ich bedanke mich schon mal im voraus. Die...
W

Wolf21

New member
Dabei seit
22.11.2021
Beiträge
1
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.
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;
    }
}
 
S

scatello

Well-known member
Dabei seit
21.12.2020
Beiträge
181
top: 80px,

Da steht ein Komma

<label class="Logo"#>
Was soll da ein #
 
basti1012

basti1012

Well-known member
Dabei seit
12.06.2018
Beiträge
154
Das ist natürlich auch noch Mist
HTML:
 <script> src="https://kit.fontawesome.com/a076d05399.js"</script>
 
Thema:

CSS finde fehler nicht

Oben