Website wird nicht vollständig angezeigt. Was tun?
Hallo, ich habe eine Website programmiert und hab sie nun auf einen Stick geladen. Als ich die Datei dann durch den Stick öffnen wollte, war das Design der Seite komplett verschwunden. Ich habe die CSS-Anweisungen in eine extra-Datei geschrieben, aber diese mit der HTML-Datei verbunden. Wenn ich aber durch Visual Studios mit dem Live Server die Datei öffnen, funktioniert alles. Auch das Design ist dann da. Woran liegt das? Kann mir jemand helfen
3 Antworten
Der Live-Server in Visual Studio ist nur eine Art Pseudo-WebServer. Ich glaube auch dass es an den absoluten bzw. relativen Pfaden liegt.
entweder: "http://localhost/meinewebseite/pfad_xyz.html"
oder "pfad_xyz.html"
Oder verwendest Du Scriptsprachen wie asp.net? Dateiendungen .aspx ?
Und wie rufst Du die Seiten auf dem Stick auf? Etwa ohne Webserver, direkten Doppelklick auf die HTML-Datei?
Dann kann es sein, dass du die Pfade "relativ" anpassen musst.
Wenn die css-Datei im selben Verzeichnis liegt wie die html Datei:
<link rel="stylesheet" href="stylesheet.css">
Ansonsten das css-Unterverzeichnis mit anlegen. z.B. href="css/stylesheet.css"
Hier ist das nochmal ausführlich erklärt:
https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Stylesheets_einbinden
Danke, also für die erste Datei hat es funktioniert. Nun habe ich auf diese Website eine Navigationsliste. Wenn man auf etwas drückt, soll man zu einer anderen html-Datei gebracht werden. Bei dem einen funktioniert es. Bei einem anderen nicht. Auch hier fehlen die CSS-Anweisungen, obwohl ich es jetzt auch dort den Dateipfad verändert habe.
Also ich habe das Problem gelöst. Jedoch habe ich ein neues Problem. Mein erste html-Datei ist in keinem separten Ordner. Ich öffne diese Datei. Auf der Website klick ich dann auf einen Link, sodass ich zu einer zweiten html-Datei komme, die sich aber in einen separten Ordner befindet. Auf dieser zweiten Website gibt es ein Link, der mich wieder zu ersten Seite führen soll. Jedoch funktioniert das nicht mehr, da sich der neue Pfad einfach dranhängt. Ich hoffe es stört dich nicht, dass ich so viel nachfrage.
CSS falsch verlinkt!
Im Quelltext sollte stehen sowas wie "css/stylesheet.css" (oder wo auch immer die Datei ist) und nicht "c:\html\stylesheet.css".
Ich habe die CSS-Datei im Head-Bereich so verlinkt <link rel="stylesheet" href=""> Und bei href den Dateinamen hingeschrieben
Eventuell hast du einen absoluten Dateipfad verwendet.
okay, danke für deine Antwort. Aber was heißt das jetzt? Was kann ich machen, dass mir alles angezeigt wird?
Einen relativen Dateipfad verwenden, um auf die CSS-Datei zu zeigen.
Das ist nicht schlimm. Erklärungen zu absoluten/relativen Pfaden findest du ja ausreichend via Google.
Wenn du eine Seite gefunden hast, die sich dem Thema widmet, findest du dazu auch eine Erklärung. Ansonsten heißt es, weitersuchen.
Ich verwende nur html, css und javascript. Und auf dem Stick mach ich dann einen Doppelklick