CSS Background-Image-Source aus assets

[timmey123]

Moin,

ich schätze die Frage ist äußerst dämlich, aber da ich mir auf die schnelle nicht anders zu helfen weiss, geb ich das mal an euch weiter ;-)

Bin grad dabei 3.0 etwas anzutesten und sobald ich in meinem externen CSS ein Image einbinde, welches eigentlich unter /files liegt wird auf den Ordner /assets verwiesen.

Nun, was mach ich falsch?!

Danke schonmal!

[xchs]

Wie schaut denn die Formatdefinition konkret aus? Wo bzw. wie wird das Stylesheet eingebunden?

Unterhalb von "assets/images/" befinden sich normalerweise die automatisch generierten Vorschaubilder.

[Oden]

Bei dem Problem bin ich auch gerade. Mein Bild aus 'files' wird nicht eingebunden. Ich hab auch gesehen, daß die normal aus 'assets/images/ geholt werden, aber woher weiß ich welches es genau ist? Da sind noch mehrere Ordner drin von 0 - 9 und a - f. Was auch immer die zu bedeuten haben.
Mein Bild was ich brauche ist in Ordner a und b drin. Einmal skaliert, einmal Originalgröße. Aber beide nicht mehr mit Originalname.

Jedenfalls bin ich da momentan auch etwas ratsam. Warum klappt das nicht aus dem Ordner 'files'? In 2.11.x hat das glaube ich noch funktioniert?!

background-image:url(files/standard_2013/images/herbst.jpg);

cu.Oden

[xchs]

In der Contao Online-Demo funktioniert das - soweit ich das sehe - einwandfrei (siehe Stylesheet "default"). Wurde für die betreffende Bild-Ressource vorher eine Synchronisierung der Datenbank vorgenommen?

[Oden]

Nachtrag noch:

Selbst wenn ich den Link auf den Assets-Ordner setze und den generierten Namen des Bildes verwende, wird mir nichts angezeigt.

background-image:url(assets/images/a/herbst-0a23152a.jpg);

Weil Contao wohl automatisch noch ein 'assets/css' anfügt. Klar, dann kann ja nichts gefunden werden.

http://localhost/cto/odenwerk/assets/css/assets/images/a/herbst-0a23152a.jpg

Also das ist so falsch. Ein Bug?


cu.Oden

[Oden]

In der Contao Online-Demo funktioniert das - soweit ich das sehe - einwandfrei (siehe Stylesheet "default"). Wurde für die betreffende Bild-Ressource vorher eine Synchronisierung der Datenbank vorgenommen?

Syncronisiert hab ich natürlich und Contao zeigt mir die Bilder im BE auch an. Durch die Syncronisierung werden die Bilder ja wohl auch erst in den Assets-Ordner eingebunden. Naja, denke ich mal.

Ist das in der Demo ein externes CSS?


cu.Oden

[xchs]

Nein. Betrifft das bei Dir auch ein externes Stylesheet oder? Bindest Du dieses Stylesheet über "Zusätzliche Stylesheets" in das Seitenlayout ein?

[Oden]

Ja genau. Intern geht das ja, aber ich hab das lieber extern.


cu.Oden

[xchs]

Melde das Problem mal im GitHub Issue Tracker.

[Oden]

Ok, ich schau mal wie das geht. Habsch ja noch net gemacht sowas.
Danke dir aber erstmal!


cu.Oden

[xchs]

Ändert sich am Ergebnis eigentlich etwas, wenn Du den Bildpfad in Anführungszeichen setzt? Also anstelle von

background-image:url(files/standard_2013/images/herbst.jpg);

so

background-image:url("files/standard_2013/images/herbst.jpg");

[Oden]

Nein, hatte ich auch schon probiert. Obwohl es ja sowieso ohne angegeben werden sollte.
Aber ich hab ein Ticket geschrieben: https://github.com/contao/core/issues/5039 Ich hoffe das ist so richtig.
Es wird ein 'assets/css/' hinzugefügt. Ich frage mich ja auch, wieso. Denn im Ordner css gibt es ja keine Images. ???
Wenn ich den Core nach 'assets/css' durchsuche, dann kommen da schon einige Einträge. Aber welcher davon jetzt falsch ist, wenn er denn falsch ist, schaffe ich noch nicht zu erkennen.


cu.Oden

[xchs]

Ich hab' versucht, das Problem auch in der Contao Online-Demo nachzustellen. Dort wird beispielsweise aus

.foobar {
   background-image: url("files/music_academy/background.gif")
}

nach Aggregation der Stylesheets die folgende Formatdefinition

.foobar {
   background-image: url("../../files/files/music_academy/background.gif")
}

[Oden]

Auch interessant.
Naja, mal warten ob es eine Reaktion auf das Ticket gibt. Mir rennt das gerade nicht weg. Der Background hat Zeit. Mach ich halt wo anders weiter. Aber jetzt nicht mehr, weil die Koje ruft!


N8 und cu.Oden

[timmey123]

habs eben mal getestet und die Source in "" gesetzt, hilft bei mir! Holt sich jetzt die Bilder direkt aus dem gewünschten Pfad und nicht aus assets!

Danke für den Tipp

[Oden]

Bei mir nicht. Komisch...


cu.Oden

[timmey123]

Hast du dein CSS über einen Headtag eingebunden oder via zusätzliche Stylesheets?

[Oden]

In den Seitenlayouts.

[timmey123]

Ja schon aber da gibts ja jetzt ab 3.0 den Punkt "Zusätzliche Stylesheets" über welches ich mein externes Stylesheet eingebunden haben und dann funktioniert die Sache mit Bildsource in "" (Zumindest bei mir). Weiss jetzt allerdings nicht wie es sich verhält, wenn man sein CSS über einen Zusätzlichen Headtag einbindet.

[Oden]

Ich hab es ja auch so eingebunden und bei mir geht es halt nicht. Es wird, je nach dem aus welchem Ordner man das Bild aufruft, zusätzliche Ordner in die URL eingetragen. Entweder 'assets/css', wenn ich das Bild ohne " einbinden will und wenn mit ", dann Ordner aus dem Files-Ordner, wie eben so:
files/standard_2013/style/files/standard_2013/images/herbst.jpg
obwohl der Pfad nur so heißt:
files/standard_2013/images/herbst.jpg


cu.Oden

[timmey123]

Achso, dass scheint dann nochmal eine etwas andere Problematik, bei mir hat er im Code immer nur direkt auf den assets-Ordner verlinkt. Sprich statt ../images/body_bg.jpg, assets/body_bg.jpg. Dennoch für mich alles nicht so ganz nachzuvollziehen, was da passiert und vorallem warum.

[Oden]

Eben, ich kann das auch nicht nachvollziehen. Vielleicht ist es so gewollt und wir übersehen etwas, vielleicht ist es aber auch ein Bug. Ein Ticket ist erstellt, wenn es so richtig ist, und jetzt heißt es warten auf eine Reaktion.


cu.Oden

[Nina]

Nur zur Sicherheit: Hast du deine Contao-Installation mit dem Systemcheck geprüft? So kannst du sicher gehen, dass zumindest die PHP-Files etc korrekt hochgeladen wurden und da nicht irgendwo ein Fehler durch eine korrupte Datei entsteht.

[Oden]

Bei mir ist das noch alles lokal.


cu.Oden

[xchs]

Den Check kannst Du schon auch lokal ausführen. Wenn's nicht hilft, so schadet es wenigstens nicht. Besser einmal zuviel überprüft als einmal zu wenig.

[Oden]

Der Check sagt nichts.

[Oden]

Wenn ich 'background-image:url("../../standard_2013/images/herbst.jpg"); eingebe, gehts. Da mein Css-File in 'standard_2013/style/' liegt muß ich da ja erstmal irgendwie wieder raus. Also '../../'. Ich bin mir jetzt nicht genau sicher, aber war das in 2.11.x auch so? Ich dachte, da hab ich immer den tl_files-Ordner als erstes angegeben?!
Naja, am Ende war es ein einfacher Pfad- und Denk-Fehler meinerseits und das Problem somit gelößt.
Danke an alle Beteiligten!


cu.Oden

[xchs]

Leo hat übrigens das Ticket als "Defect" eingestuft und für die nächste Bugfix-Version getaggt.

[Oden]

Ok. ...und was ist jetzt daran defekt? Liegt es nicht an mir, daß ich das mit dem Pfad nicht gleich verstanden habe?

[xchs]

Naja, Leo konnte das Problem offenbar soweit reproduzieren, dass er es als Fehler eingestuft hat. In meinem kurzen "nightly" Test in der Contao Online-Demo (siehe #13) hat es jedenfalls auch nicht richtig funktioniert. Aber aufgrund einiger Restriktionen in der Online-Demo, kann man das dort auch nicht völlig erschöpfend durchtesten. Gegebenenfalls werde ich den Test aber auch nochmal in einer anderen Installation wiederholen.

[mike_mcfly]

das ist eine Sache die mich gewaltig an Contao 3 stört, die Background-Urls aus einem externen Stylesheet!
Das war bis Contao 2.11.x viel besser gelöst!

Wird das noch gefixt oder muss ich da immer (../../) mit angeben?