Ich habe mehrere Browser ausprobiert und in jedem Fall funktioniert die Website mit Live Server einwandfrei. Wenn ich es hingegen mit Firefox/Chrome starte, l?dt die Website meine style.css überhaupt nicht, und wenn ich Edge verwende, erhalte ich die Meldung, dass die Datei fehlt. Hier ist mein HTML- und CSS-Code.
-----index.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" /> <link rel="stylesheet" href="/css/style.css" /> <link rel="stylesheet" href="/bootstrap/bootstrap-5.3.0-alpha1-dist/css/bootstrap.css" /> <link rel="stylesheet" href="/bootstrap/bootstrap-5.3.0-alpha1-dist/css/bootstrap.min.css" /> <title>Web Projekat</title> </head> <body> <nav class="navbackgroundcolor navbar navbar-expand-lg navbar-dark"> <!-- Container wrapper --> <div class="container-fluid"> <!-- Toggle button --> <button class="navbar-toggler" type="button" data-mdb-toggle="collapse" data-mdb-target="#navbarCenteredExample" aria-controls="navbarCenteredExample" aria-expanded="false" aria-label="Toggle navigation" > <i class="fas fa-bars"></i> </button> <!-- Collapsible wrapper --> <div class="collapse navbar-collapse justify-content-center" id="navbarCenteredExample" > <!-- Left links --> <ul class="navbar-nav mb-2 mb-lg-0"> <li class="nav-item pe-5 fs-4"> <a class="nav-link" href="/html/gallery.html">Gallery</a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html" ><img class="skate" src="/media/icons8-skateboard-64 white.png" alt="Home" /></a> </li> <li class="nav-item ps-5 fs-4"> <a class="nav-link" href="/html/shop.html">Shop</a> </li> </ul> <!-- Left links --> </div> <!-- Collapsible wrapper --> </div> <!-- Container wrapper --> </nav> <script src="/bootstrap/bootstrap-5.3.0-alpha1-dist/js/bootstrap.js"></script> <script src="/bootstrap/bootstrap-5.3.0-alpha1-dist/js/bootstrap.min.js"></script> </body> </html>
-----style.css-----
.skate { height: 35px; width: 35px; } .navbackgroundcolor { background-color: #464648; } .navbar-link { color: #c7c7c7 !important; } body { background-size: cover; background-color: #392727 !important; }
Ich habe versucht, die Datei umzubenennen, die Position der Zeilen im Code zu ?ndern, wenige Browser zu verwenden, wenige ?hnliche Beitr?ge zu haben, verschiedene Dateien zu erstellen, wei? aber nicht, was sonst, aber nichts funktioniert.