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
Kommentieren
Teilen
Auf Facebook teilen
Auf X (Twitter) teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 329628
Url: https://administrator.de/forum/css-background-image-erscheint-einfach-nicht-329628.html
Ausgedruckt am: 12.05.2025 um 00:05 Uhr
3 Kommentare
Neuester Kommentar
Moin,
1. Wie sieht denn der Verzeichnisbaum aus, in dem das html, css und jpg abgelegt sind?
2. mit F12 kannst du dir die Entwickler Ansicht einschalten, da gibt's dann Information wie was warum geladen wurde (oder nicht)
lg,
Slainte
1. Wie sieht denn der Verzeichnisbaum aus, in dem das html, css und jpg abgelegt sind?
2. mit F12 kannst du dir die Entwickler Ansicht einschalten, da gibt's dann Information wie was warum geladen wurde (oder nicht)
lg,
Slainte
Halloele,
Vergleiche mal Deinen Code :
Mit meinem Code :
HTH
BFF
Um genau zu sein, schaff ich es nichtmal, die Hintergrundfarbe zu ändern...
Vergleiche mal Deinen Code :
<link href="styles/styles.css" rel="Stylesheet"/> Mit meinem Code :
<link rel="stylesheet" type="text/css" href="styles/style.css" > HTH
BFF
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ß
