Probleme mit Hintergrundbild per CSS

[Con-Taoist]

Hallo Forum,

ich kriege irgendwie nicht raus, wie der relative Pfad für ein Hintergrundbild in einer CSS-Datei lauten muss.

Zur Zeit habe ich folgenden Code in meiner CSS-Datei:
background-image: url ("xyz.gif") no-repeat left center;

Im Bereich "Einstellungen" des Contao-Backends ist der relative Pfad "/cont" eingetragen.
Die betreffende CSS-Datei liegt in cont/tl_files/CSS.
Das HTML Template für die Seite (fe_page_custom.html) liegt in cont/templates/Standard-Theme.
Das Bild xyz.gif liegt in cont/templates/Standard-Theme/Bilder.

Weiß jemand, wie die Pfadangabe für background-image lauten muss?

Danke für eure Mühe
Wilfried

[MacKP]

Hallo,
nimm doch mal:
/tl_files/CSS/xyz.gif

Dann sollte das passen.
Contao setzt den Base Pfad und von da aus gehts dann immer in tl_files etc. rein.

Viele Grüße

[Con-Taoist]

Hallo MacKP,

das funktioniert leider nicht. Nach wie vor kein Bild im Frontend zu sehen...

[MacKP]

Hast du das denn auch noch in Anführungsstrichen drinn?

Wenn ja, dann gib mal bitte einen Link. So kann man nur rumraten, wo es probleme gibt.

Viele Grüße

[Con-Taoist]

Habe die Seite leider nur über einen lokal installierten Server auf meinem Rechner laufen. Daher kann ich keinen Link senden.

[psren]

Cache geleert?

[Con-Taoist]

Jaja,... Cache ist geleert. Funktioniert trotzdem nicht. Habe testweise denselben CSS-Code mal für ein anderes Element eingegeben. Ist ebenfalls nichts zu sehen.

[bizon]

Wenn deine Angaben im Post #1 richtig sind, dann müsste es so lauten:
../../templates/Standard-Theme/Bilder/xyz.gif

[Con-Taoist]

Also ich komme der Sache näher:
Folgender Pfad führt zu einem sichtbaren Bild im Frontend: background-image: url (tl_files/CSS/xyz.gif);
Also fast wie MacKP schon vorgeschlagen hatte, nur den Slash vorne weg.
Aber: Ich hatte noch folgenden Code hinten dran gehängt, um das Bild nicht gekachelt darzustellen: no-repeat left center, also im Ganzen: url (tl_files/CSS/xyz.gif) no-repeat left center;
Mit diesem Code ist das Bild dann im Frontend wider nicht sichtbar.

[MacKP]

Ach stimmt.. die CSS Datei liegt in tl_files.. sorry...
Find ich etwas unglücklich in dem /templates Order.. aber gut.. jeder wie er mag.

Viele Grüße

[Con-Taoist]

Falls es noch irgendwem nützt:

Es musste heißen:
background-repeat: no-repeat;
background-position: left center;

Jetzt funktioniert's.
Die andere Schreibweise funktioniert bei mir nicht.

@MacKP: Ich würde den CSS-Ordner mittlerweile auch nicht mehr in den tl-files-Ordner legen. Vielleicht ändere ich das noch.

Gruß, Wilfried

[MacKP]

@MacKP: Ich würde den CSS-Ordner mittlerweile auch nicht mehr in den tl-files-Ordner legen. Vielleicht ändere ich das noch.

Gruß, Wilfried

Ich find eher komisch, das die Bilder eben nicht in tl_files sind ;-)

CSS-Files in tl_files sind gar nicht so schlecht. Dann kann man zur Not auch mal über das Backend an den Dateien arbeiten, wenn man gerade den ftp-Zugang nicht hat oder so ^^

Viele Grüße