CSS Background-image erscheint einfach nicht
Hallo zusammen,
beschäftige mich momentan mit einem Buch zum Thema HTML,CSS und JavaScript.
Finde momentan aber meinen Fehler einfach nicht.
Mein Problem: Ich schaffe es einfach nicht, ein Hintergrund Bild einzufügen. Um genau zu sein, schaff ich es nichtmal, die Hintergrundfarbe zu ändern...
Der Code:
HTML:
CSS
Könnte mir bitte einer sagen, was ich nicht sehe? Das Bild liegt an der richtigen stelle.
Grüße
beschäftige mich momentan mit einem Buch zum Thema HTML,CSS und JavaScript.
Finde momentan aber meinen Fehler einfach nicht.
Mein Problem: Ich schaffe es einfach nicht, ein Hintergrund Bild einzufügen. Um genau zu sein, schaff ich es nichtmal, die Hintergrundfarbe zu ändern...
Der Code:
HTML:
<!DOCTYPE html>
<html lang=de>
<head>
<title></title>
<meta charset="utf-8">
<link href="http://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"/>
<link href="styles/styles.css" rel="Stylesheet"/>
</head>
<body>
<h1>Überschrift</h1>
<p>Inhalt der ersten Karte</p>
<p>Inhalt der ersten Karte</p>
</body>
</html>
CSS
@charset "utf-8"
body {
margin: 0;
background-color: #ffffff;
background-image: url("test.png");
background-repeat: repeat;
background-position: top left;
}
h1 {
height: 44px;
background: linear-gradient(to top, #FF5E3A, #FF2A68);
color: #FFFFFF;
border: 1px solid darkred;
box-sizing: border-box;
text-align: center;
font: 16px/44px Raleway, Helvetica, sans-serif;
}
Könnte mir bitte einer sagen, was ich nicht sehe? Das Bild liegt an der richtigen stelle.
Grüße
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-Key: 329628
Url: https://administrator.de/contentid/329628
Ausgedruckt am: 19.03.2024 um 04:03 Uhr
3 Kommentare
Neuester Kommentar
Hi.
Die Ursache das dein CSS nicht wirkt liegt woanders:
Gruß
Die Ursache das dein CSS nicht wirkt liegt woanders:
@charset "utf-8";
Dein Fehler ist das fehlende Semikolon am Ende der ersten Zeile der CSS. Kleine Ursache große Wirkung .background-image: url("test.png");
Und dran denken, die Pfadangabe innerhalb der css Datei ist relativ zum Pfad in dem die CSS liegt. Bei deiner Angabe muss sie also im styles/ Verzeichnis neben deiner CSS-Datei liegen.Gruß