• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

index.html übernimmt kein CSS

lebemann

Neues Mitglied
Hallo,

ich habe das Problem, dass die index.html zwar in der Brackets-Vorschau alle richtigen Styles anzeigt, beim Upload auf den FTP-Server (und im Browser über die URL) dann hinterher nicht mehr.

So sieht die index.html aus:

<!doctype html>
<html lang="de" xml:lang="de">

<head>
<meta charset="utf-8">
<title>Startseite</title>
<link href="../stile/styles.css" type="text/css" rel="stylesheet">

</head>

<body>
<h1>Blabla</h1>
<p><a href="artikel/2.html">Text 2</a></p>
<p><a href="artikel/3.html">Text 3</a></p>
<p> <a href="artikel/4.html">Text 4</a></p>

</body>

</html>

Und so das CSS:
body {
background-color: aqua;
}

h2 {
background-color: "green";
}

p {
background-color: #ff98f0;
}

h1 {
background-color: "yellow";
}

article {
background-color: #ff214f;
}

dl,
dd,
dt {
background-color: #fffff2;
}

blockquote {
background-color: "silver";
}

(Man muss dazu sagen, dass die Unterseiten - also Text 2, 3 und 4 - alle Styles übernommen haben. Nur die index.html will nicht.)
 
Werbung:
Hallo

Hast du mal einen Link zu der Seite? Sonst bleibt nur raten:

a) Der Dateiname ist falsch

b) der Pfad ist falsch

Befindet sich die index.html im gleichen Verzeichnis wie die anderen html-Dateien?

Wenn die ein Verzeichnis höher ist muss im Pfad eventuell das

Code:
../stile/

weg.

Gruss

MrMurphy
 
Es war doch mal wieder so einfach: "stile/styles.css" führte zum gewünschten Erfolg ...

:D

Vielen Dank!
 
Werbung:
Und für die Zukunft.

../stile steht für: Ein Verzeichniss zurück.
Also:
Main-Ordner > stile > .css
Main-Ordner > noch ein Ordner = index.html
In dem Falle wird zum Main-Ordner zurück gegangen um in dem stile Ordner nach der CSS datei zu suchen

./stile/.css identisch mit stile/.css
Es wird vom Verzeichnis der index.html ausgegangen.


Innerhalb eines CSS Files ist das anders. In diesem Falle steht ../stile (In CSS) für ./stile (in HTML)
 
Zurück
Oben