Probleme mit Hintergrundbild per CSS

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

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

Hallo MacKP,

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

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

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

Cache geleert?

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

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

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.

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

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

Zitat:

---

Zitat von Con-Taoist

@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