CSS möchte nicht laden?
Hallo,
es geht darum, dass ich ein Projekt habe in dem Java, Spring boot, ReactJS, CSS, JS und RestAPI mit inbegriffen sind. Mein Problem liegt lediglich darin, dass die html beim laden der Seite: localhost:8080/login.html den inhalt der html datei anzeigt aber die css datei garnicht übernimmt. Die Pfade zu den einzelnen Dateien stimmen ebenfalls, da sie verlinkt sind, doch das stylen über css funktioniert nicht
login.html: https://codefile.io/f/uD0jP33Wef
style.css: https://codefile.io/f/AGN6ENmt6t
script.js: https://codefile.io/f/unKOx5NUi6
Wäre echt top, wenn mir jemand dabei behilflich sein könnte.
Bindest du die css datei überhaupt in der html datei ein?
<link href="/static/style.css" rel="stylesheet" type="text/css">
2 Antworten
CSS möchte nicht laden?
Probier's mal mit Cache leeren oder private mode nutzen.
Alex
Ich habe es mit einem einfachen CSS code ebenfalls versucht, doch nichts wird davon übernommen aus irgendeinem grund.
Sobald ich localhost:8080/static/style.css eingebe gelange ich ebenfalls auf die Whitelable error page.
Was sagt das Errorlog?
Jetzt komme ich mit localhost:8080/style.css aufrufe aber sobald ich es mit der login.html verknüpfe ist die komplette Seite weiß.
Jetzt komme ich mit localhost:8080/style.css aufrufe aber sobald ich es mit der login.html verknüpfe ist die komplette Seite weiß.
Dann nimm diese Einbindung vor
<link href="http://localhost:8080/style.css" rel="stylesheet" type="text/css">
Danke dir, wusste garnicht, dass es geht :D
Es könnte sein, dass wenn du die css datei mit folgendem befehl einbinden willst:
<link href="/static/style.css" rel="stylesheet" type="text/css">
Dass es dann Im gleichen Ordner indem die HTML Dateien sind, nach diesem Static ordner sucht, welcher sich aber nicht dort befindet.
Versuch mal die CSS Datei in den gleichen Ordner wie die HTML Datei zu packen und dann in einer der HTML dateien die CSS datei mit folgendem befehl einzubinden, also einfach den alten link ersetzten:
<link href="style.css" rel="stylesheet" type="text/css">
Wenns geht kannst du es dann einfach in allen html dateie so übernehmen
Achte darauf dass du in jeder Datei den neuen Standort der CSS datei angibst.
Es könnte sein, (...)
Der Slash am Pfadanfang gibt an, dass ausgehend vom Rootverzeichnis gesucht wird.
Dann musst du etwas falsch gemacht haben.
Es handelt sich um einen absoluten Pfad. Die Seite muss über eine Domain aufgerufen werden und der static-Ordner muss im Rootverzeichnis liegen.
Also hat es was mit dem ReactJS zeugs zu tun oder dem Springboot, naja damit hab ich mich noch nicht sehr viel auseinandergesetzt hauptsächlich nur mit html,css und js
Sobald ich localhost:8080/static/style.css eingebe gelange ich ebenfalls auf die Whitelable error page. Muss ich es ebenfalls in LoginController.java implementieren? Aber eigentlich müsste es doch login.html übernehmen... Ich verstehe es nicht. Es ist auf jedenfall richtig verlinkt, da es bei strng + klick die datei öffnet.