Nie mogę podłączyć pliku css do html.

pytanie zadane 27 czerwca 2022 w HTML i CSS przez MacieKap Bywalec (2,400 p.)
edycja 27 czerwca 2022 przez MacieKap

Witam,

Nie mogę podłączyć pliku css do html.

Kod css jest poprawny, ponieważ sprawdziłem go pisząc w <style>.

<!DOCTYPE html>

<html lang="pl">
<head>
    <meta charset="utf-8" />
    <title>Psy-temat</title>
    <meta name="description" content="Tutaj znajdziesz wszystko o psach" />
    <meta name="keywords" content="psy, pies, adopcja, karma, karmy, karma dla psa, karmy dla psa, tanie karmy dla psa, dobre karmy dla psa, kupno psa, rasy psów" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge.chrome-1" />
    <meta name="author" content="User"
    <link rel="stylesheet" href="style.css" type="txt/css" />
	<link rel="stylesheet" href="fontello/css/fontello.css"  type="txt/css"
    <link rel="stylesheet" href="fontello/css/fontello.css" type="txt/css" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato&family=Ubuntu:ital,wght@0,700;1,400&display=swap" rel="stylesheet">
</head>
<body>
    <div id="container">
    <div id="logo">
        Psy-wszystko co musisz wiedzieć
    </div>
    <div id="menu">
        <div class="option">
            O psach
        </div>
        <div class="option">
            Rasy dla początkujących
        </div>
        <div class="option">
            Adopcja czy kupno
        </div>
        <div class="option">
            Jaka karma
        </div>
        <div class="option">
            O twórcy
        </div>
        <div style="clear:both;"></div>
    </div>
    <div id="topbar">
        <div id="topbarR">

        </div>
     <div id="topbarL">

     </div>
    <div style="clear:both"></div>
    </div>
    </div>
</body>
</html>

 body {
            background-color: #1A1A1A;
            color: white;
        }

        #container {
            width: 1000px;
            margin-left: auto;
            margin-right: auto;
        }

        #logo {
            font-family: 'Ubuntu', sans-serif;
            font-size: 35px;
            font-weight: 900;
            text-align: center;
            margin-top: 20px;
        }

        .option {
            font-size: 29px;
            font-weight: 400;
            padding: 10px;
            float: left;
            border: 2px solid white;
		}

1 odpowiedź

odpowiedź 27 czerwca 2022 przez Comandeer Guru (601,490 p.)

Zauważ, że bloczek kodu Ci podkreśla składnię niektórych elementów link (dobry edytor kodu też to zrobi). Masz niezamknięte niektóre elementy w head (jak np meta[name=author]).

komentarz 27 czerwca 2022 przez MacieKap Bywalec (2,400 p.)

Już pozamykałem wszystkie te składnie, ale dalej nic.

komentarz 27 czerwca 2022 przez Comandeer Guru (601,490 p.)

Możesz to pokazać online?

komentarz 27 czerwca 2022 przez MacieKap Bywalec (2,400 p.)

Jak miałbym to pokazać?

komentarz 27 czerwca 2022 przez Comandeer Guru (601,490 p.)

Np. wrzucić na jakiś hosting.

Ale widzę już błąd: masz na link dla arkusza niepotrzebnie atrybut type. Możesz go spokojnie wyrzucić – od ponad 10 lat do niczego nie służy. A jeśli z jakiegoś powodu nie chcesz go wyrzucać, to musisz użyć poprawnej wartości text/css (zamiast obecnej txt/css).