Hintergrundbild durch ext. CSS-Datei laden

Computer: Software & Programmierung HTML & CSS
#1

Hallo Leute!

Ich versuche mich grade ein wenig mit CSS.
Meine selbstgewählte Aufgabenstellung: Erstellen mehrerer HTML-Dateien, die
alle das gleiche Design haben sollen.
Das erzwingt ja nahezu schon eine „global.css“ :smiley:

Die Schriften zu beschreiben funzt auch ganz toll. - Probleme bereitet mir das
Hintergrundbild!
In der HTML-Datei kann ich das einfügen und es wird geladen.
Fein, aber nicht Sinn der Übung, denn auch das soll für alle Seiten gleich sein
und über „global.css“ übermittelt werden.

Die Zeile body { style=„background-image:url(bg.jpg)“ } in „global.css“
führt nicht zu dem gewünschten Effekt, wenn ich dort jedoch eine
Hintergrundfarbe
(ohne Bild!) angebe body { background-color:#E0E0E0; } wird dieses
einwandfrei ausgeführt.

Ich habe bereits mehrere Schreibweisen ausprobiert (mit/ohne Anführungszeichen,
mit/ohne abschließendem Semikolon … uvm.)
Was mache ich falsch?

Bei Selfhtml bin ich dazu leider auch nicht fündig geworden…

TIA und Grüße, Michael

#2

Die Zeile body { style=„background-image:url(bg.jpg)“ }
in „global.css“
führt nicht zu dem gewünschten Effekt,

Das ist irgendwie klar, schließlich ist das auch keine gültige CSS-Syntax. Probier mal:

body { background-image: url("bg.jpg"); }

Eine Kleinigkeit solltest du übrigens beachten: wenn du die Bilder, Dokumente und Stylesheets in verschiedenen Verzeichnissen aufbewahrst, musst du URLs entweder absolut oder relativ zur CSS-Datei angeben. Wenn du z.B. diese Verzeichnisstruktur hast:

css/style.css
img/bg.jpg
index.html

schreibst du am besten

body { background-image: url("../bg.jpg"); }
#3

Funzt :smile:

Probier mal:

body { background-image: url(„bg.jpg“); }

Jupp, das funzt! Wusste doch das es an mir lag :wink:
Danke sehr, auch für die abgeschnittenen Tips.

Grüße, Michael