Bilder im CSS erscheinen nicht

[mike_mcfly]

Ahoi,

ich bekomme keine Bilder angezeigt, die ich im CSS als Background-images definiert habe. Was mache ich da falsch? Mit 2.11.x hat das problemlos funktioniert.

Und noch was: muss ich jedesmal, wenn ich ein Bild, dass ich im CSS verwende im Backend>Dateiverwaltung>Synchronisieren klicken wenn ich diese per FTP hochlade?

body {
	font-family: 'Droid Sans', sans-serif;
	font-weight: 400;
	background: #fff url('../images/bg.gif') repeat-x left top;
}

[swinde]

Hallo,

Als erstes zu 2.:

JA, nur wenn du die Dateiverwaltung benutzt wird das Bild / Ordner in der Datenbank gespeichert.
Woher soll Contao auch wissen, dass du gerade das FTP Programm benutzt hast?

Jetzt zu deiner 1. Frage: So wie es aussieht benutzt du eine CSS Datei im Ordner /files (war früher /tl_files)!?
Contao komprimiert diese Datei und legt diese in den Ordner /assets/css ab, der liegt im root deiner Contao Installation.

Somit muss dein Bildpfad ../../files/templateordner/images/bg.gif lauten.

Steffen Winde

[mike_mcfly]

Danke swinde,

meine Güte dass ist aber nicht sonderlich Anwenderfreundlich.

Bei Contao 2.11.x war das noch kein Problem...

Ich habe den Pfad jetzt im CSS wie folgt geändert und so funktioniert's dann aber mann oh mann, das ist ja

	background: #fff url('../../files/fiDesign_theme/images/bg.gif') repeat-x left top;

[swinde]

Hallo mike_mcfly,

ein Entwickler der sich gewisse Vorgehensweisen angewöhnt hat, muss sich vielleicht etwas umstellen.
Aber verschiebe doch einfach mal in einer 2.x Version einen Bildordner innerhalb von tl_files und staune was passiert.

Du darfst alle Pfade händisch ändern.

In Version 3.x passiert die Änderung in der Datenbank und wird automatisch in den Inhaltselementen und CSS Dateien angepasst.

Steffen Winde

[RockSolid Themes]

Hallo mike_mcfly,

wenn du den Pfad in doppelte Anführungszeichen setzt, konvertiert Contao die Pfade automatisch.

D.h. folgender CSS-Code sollte funktionieren:

background: #fff url("../images/bg.gif") repeat-x left top;

Ab Contao 3.1.0 werden dann auch einfache Anführungszeichen konvertiert (siehe: GitHub)

[mike_mcfly]

Hallo mike_mcfly,

wenn du den Pfad in doppelte Anführungszeichen setzt, konvertiert Contao die Pfade automatisch.

D.h. folgender CSS-Code sollte funktionieren:

background: #fff url("../images/bg.gif") repeat-x left top;

Ab Contao 3.1.0 werden dann auch einfache Anführungszeichen konvertiert (siehe: GitHub)

Die doppelten Anführungszeichen hatte ich schon probiert, jetzt nochmal. Leider ohne Erfolg!
Wie gesagt bin neu mit 3.x, doch ich habe bestimmt schon 30 2.x Installationen ohne diese Probleme... naja was solls!

[emkayy]

Hallo mike_mcfly,

wenn du den Pfad in doppelte Anführungszeichen setzt, konvertiert Contao die Pfade automatisch.

D.h. folgender CSS-Code sollte funktionieren:

background: #fff url("../images/bg.gif") repeat-x left top;

Ab Contao 3.1.0 werden dann auch einfache Anführungszeichen konvertiert (siehe: GitHub)

Das ist echt eine klasse Funktion! Schade, dass man auf sowas nicht hingewiesen wird und es in der Hinsicht kaum oder keine Dokumentation für Entwickler gibt.
Ich hatte das selbe Problem und musste ewig suchen bevor ich eher aus Zufall diesen Forumsbeitrag gefunden habe. Funktioniert in 3.2 einwandfrei!

Danke RockSolid !