Externes Stylesheet zeigt keine Hintergrundbilder!
 

Hallo,

bin mit meiner Seite nun fast fertig und wollte deshalb eine externe css datei anlegen. Dies hab ich auch gemacht und style.css benannt. Mit dem code:

eingebunden. Hat auch soweit geklappt.

Da ich für die Lightbox 2.0 einen css ordner angelegt habe, wollte ich style.css dahin schieben. Den code hab ich dann so geändert:

allerdings fehlen dann komischerweise in allen div-boxen die hintergundbilder! Woran kann das liegen? Wenn ich es auf die erste weise einbinde klappt auch alles wunderbar, aber sobald ich die css datei in einen ordner verschiebe zeigt er nicht mehr die hintergrundbilder an. Wie kann ich das beheben?

Relative Pfade in einem Stylesheet sind relativ von dem Stylesheet aus zu sehen, nicht relativ vom einbindenden Dokument.

Verschiebe als nicht nur dein Stylesheet, sondern passe auch die darin enthaltenen Pfadangaben an :)

Ah ok danke! Relative Pfade war das Schlagwort was mir weiter geholfen hat.

Für alle die mal das selbe Problem haben sollten:

Die Bilder liegen - in meinem Fall - im Ordner "images" und damit eine Ebene höher als die Datei style.css aus dem Ordner "css". Das drückt man mit dem relative Pfadname ../ aus. Also müssen die Hintergrundbilder in der CSS Datei, z.B. so verlinkt werden:

../images/background.jpg


gruß
Wolowizard