✔ CSS-Datei im HTML-Head importieren

Hektik

Hektik

Erfahrenes Mitglied
Hallo!

Eins vorweg: Ich schäme mich, diesen Thread zu eröffnen, aber ich weiß nicht mehr weiter -.- Da macht man mal 1 Jahr Pause und schon hat man die Hälfte vergessen :(

Mein Problem in einfachen Worten:
Ich kriegs nicht mehr hin, eine externe css-Datei im Head meiner html-Datei zu importieren. Hab google, selfhtml und das Forum hier bemüht, aber ich kriegs nicht hin.

mein HTML-Doc (aufs wesentliche reduziert) sieht so aus:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
@import "css/css.css";
</style>
</head>
<body>
<div class="top"></div>
</body>
</html>

meine CSS-Datei liegt im Unterverzeichnis "css" und heißt css.css:
Code: 
div.top {
background:url("design/background_inverted.jpg");
position: absolute;
top: 0;
width: 100%;
height: 70px;
}

Ausgegeben wird eine weiße Seite :confused:

Wenn ich jedoch das Stylesheet direkt im Head schreibe, nämlich so:
PHP: 
<head>
<style type="text/css">
div.top {
background:url("design/background_inverted.jpg");
position: absolute;
top: 0;
width: 100%;
height: 70px;
}</style>
</head>

Dann funktioniert das. Warum? :confused: Steh ich aufm Schlauch und bin verdummt? Ich hab sogar aus meinen vorhergehenden Webseiten 1zu1 kopiert, aber auch das klappt nicht. Bitte erlöst mich (!)
 
Hi.

Probier mal das hier:
HTML: 
<link rel="stylesheet" type="text/css" href="css/css.css"/>

Uebrigens, schicke Namensgebung -> css/css.css ;)
 
Moin,

in deinem Stylesheet (CSS-Datei) stimmt der Grafikpfad nicht - daher auch die Ausgabe der weißen Seite ;)
Wenn Sie background-image in einer separaten CSS-Datei notieren, beziehen sich relative Pfadangaben auf das Verzeichnis, in dem diese Stylesheet-Datei liegt.
Zum Vergrößern anklicken....

Bei dieser Verzeichnisstruktur
  • html-doc
  • css
    • css.css
  • design
    • background_inverted.jpg
lautet demnach der relative URL:

CSS: 
div.top {
background:url("../design/background_inverted.jpg");
position: absolute;
top: 0;
width: 100%;
height: 70px;
}

mfg Maik
 
Maik hat gesagt.:
Moin,

in deinem Stylesheet (CSS-Datei) stimmt der Grafikpfad nicht - daher auch die Ausgabe der weißen Seite ;)


Bei dieser Verzeichnisstruktur
  • html-doc
  • css
    • css.css
  • design
    • background_inverted.jpg
lautet demnach der relative URL:

CSS: 
div.top {
background:url("../design/background_inverted.jpg");
position: absolute;
top: 0;
width: 100%;
height: 70px;
}

mfg Maik
Zum Vergrößern anklicken....

Dennis: Das hab ich auch versucht ;)

Maik: Na klaaaaaar ^^ relative Pfadangaben ^^ Oh mann :P
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück