localhost css laden?
Ich kann bei keine css dateien mit dem link tag laden. Ich habe mehrere Möglichkeiten ausprobiert:
<link type="text/css" rel="stylesheet" href="stylesheets/style.css">
<link type="text/css" rel="stylesheet" hrefhttp://localhost/stylesheets/style.cssss">
<link type="text/css" rel="stylesheet" href="./stylesheets/style.css">
nur fürs Verständnis:
htdocs
|- index.php
|- stylesheets
|- style.css
keine dieser möglichkeiten funktioniert.
Weiß jemand wie das geht? Oder hab ich einen Fehler gemacht?
Danke im Voraus :)
3 Antworten
Das sollte eigentlich funktionieren:
<link type="text/css" rel="stylesheet" href="stylesheets/style.css" />
Eventuell hast Du irgendwo noch einen Tippfehler drin oder die Datei- oder Ordner-Rechte stimmen nicht. Die Ordner sollten 755 und die Dateien 644 haben.
- Wird der link-Tag im head definiert?
- Ist dein Markup valid?
- Passen Groß- und Kleinschreibung bei der Pfadangabe?
- Liegt die CSS-Datei wirklich in besagtem Verzeichnis?
- Hast du bereits deinen Browsercache geleert und die Seite dann erneut aufgerufen?
- Welche Rückmeldung gibt dir dein Browser? (Schau im Netzwerktab der Entwicklerkonsole des Browsers).
1.ja. ich habe den tag genau so wie immer verwendet und wenn ich nicht localhost eingebe sonder einfach doppelklick auf das dokument mache lädt die css datei
2.kenn ich nicht also wahrscheinlich nein
3.ja
4.jup
5.klar
6.was ist das?
2.kenn ich nicht also wahrscheinlich nein
Du hast dein HTML doch geschrieben. Überprüfen kannst du es mit diesem Tool: https://validator.w3.org/#validate_by_input. Unabhängig davon, ob die Fehlerursache in invalidem HTML liegt oder nicht, solltest du die Fehler beheben, die der Validator findet.
6.was ist das?
Der Browser ist die Anwendung, mit der du deine Webseite aufrufst. Internet Browser wie Google Chrome, Internet Explorer, Mozilla Firefox oder Safari besitzen eine Entwicklerkonsole, über die sich Seiten technisch untersuchen lassen.
Lies hier:
- Chrome: https://developers.google.com/web/tools/chrome-devtools/
- Firefox: https://developer.mozilla.org/en-US/docs/Tools
Es ist nur ratsam, sich mit solchen Tools näher auseinanderzusetzen.
href="/unterordner/datei.dateiendung"
Probier mal die CSS Datei in den gleichen Ordner zu packen wie die index.php und dann nur href="style.css"
bleibe dabei, dass der fehler in dieser zeile liegt:
"hrefhttp://localhost/stylesheets/style.cssss"