HTML mit CSS verknüpfen Probleme?
Hallo Zusammen. Ich mache gerade eine Webseite. Ich habe dabei mehrere HTML Seiten und eine CSS seite. Ich hatte die HTML seiten und die CSS seite in einem grossen ordner, nun habe ich die seiten in unterordner getan, um Ordung zu schaffen. 1. gibt es denn HTML Ordner mit allen HTML Seiten drin, zweitens den CSS Ordner mit dem CSS File und letztens denn Pics Ordner mit den Bildern.
Nun geht auf der Seite wenn ich sie lokal aufrufe das CSS nicht mehr. Ich habe schon alles versucht, den cache de browsers geleert und nochmal alles gespeichert. Auch habe ich versucht den Pfad des CSS mit einem Slash vordrann anzugeben, oder ohne, aber alles hilft nichts. Kann mir da jemand helfen?
Hier die Bilder des Codes und der Website:
Das CSS:
Der HTML Code. Rot ist der Pfad zum CSS und Blau die Ordnerstrucktur.
Die Website, wie man sieht ohne CSS
3 Antworten
Ein paar Grundsätze zu relativen URLs:
Wenn sie nicht mit einem Slash beginnen, gelten sie vom aktuellen Verzeichnis aus.
Die URL die du aktuell für die CSS-Datei verwendest sagt also, dass im aktuellen Ordner ("HTML") der Ordner "CSS" gesucht werden soll und in diesem sich die CSS-Datei befindet. Das ist natürlich nicht korrekt, da sich der Ordner hier nicht befindet.
Wenn eine relative URL mit einem Slash beginnt, dann gilt sie von Document Root (also dem Startverzeichnis des Servers) aus.
Du hättest also zwei Optionen:
Entweder du beginnst mit einem Slash, dann ist die URL von Document Root aus absolut, und es ist egal, wo die HTML-Datei liegt.
Die URL wäre dann /CSS/FarbeLeben.style.css
Alternativ kannst du eine relative URL mit .. verwenden. .. bedeutet "ein Verzeichnis nach oben". Mit ../CSS/FarbeLeben.style.css würde es also auch funktionieren.
SIst doch sehr gut dass du Ordner angelegt hast und alles sortiert hast.
Dass die styles nicht gefunden werden ist doch logisch.
Du suchst in einem Untervezeichnis ../HTML/CSS/
Das gibt es doch nicht.
Du musst doch ../CSS/ nehmen.
Ibrigends Filenamen und Verzeichnissse mit Großbuchstaben zu verwenden ist keine gute Idee.
Du ersparst dir viel Ärger wenn du nur Kleinbuchstaben, Ziffern und - verwendest
Also keine Sonderzeichen, keine Großbuchstaben und vor allem keinen Punkt
Wieso nur Slash?
Das ändert doch nichts.
Das ist das gleiche wie "./CSS" und das heist von deinem HTML Verzeichnis in ein CSS Unterverzeichnis dass es nicht gibt
du gibst an, dass sie in einem unterordner "css" liegen. tun sie nicht. sie liegen im verzeichnes drüber im ordner "css".
"../css/farbeleben.style.css"
also muss ich die Punkte vordran auch noch schreiben, oder wie?
".." bedeutet "Gehe einen Ordner zurück". "../" sucht also dann in dem übergeordneten Ordner. (Starten tut es immer in dem Ordner in dem sich die Datei befindet.)
Also einfach ein Slash vordrann? Ich habe das gemacht und es auch von VSC selber vervollständigen lassen, aber es geht immer noch nicht.