contao / core

Contao 3 → see contao/contao for Contao 4
GNU Lesser General Public License v3.0
490 stars 214 forks source link

Images-Pfad in externen Stylesheet defekt #5039

Closed Odenwerk closed 11 years ago

Odenwerk commented 11 years ago

Möchte man in Cto3 ein externes Stylesheet einbinden, dann werden die Images-Pfade aus dem 'files'-Ordner nicht korrekt ausgegeben. Es wird ein 'assets/css/' mit integriert, was dann einen falschen Link ergibt.

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

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

Irgendwie ist das 'assets/css/' zuviel.

THX!

leofeyer commented 11 years ago

Wieso gibst Du die Pfade so komisch an? Diese sollten entweder relativ zum Stylesheet oder absolut zur URL sein, aber nicht relativ zum Contao-Pfad.

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

Damit dieser Pfad stimmt, müsste die CSS-Datei direkt im Root liegen. Externe Stylesheets lassen sich aber nur aus files einbinden, daher vermute ich mal, dass der Pfad nur "standard_2013/images/herbst.jpg" lauten sollte.

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

Auch hier gehe ich w/externem Stylesheet davon aus, dass die CSS-Datei in files liegt. Du verweist daher auf die Datei "files/assets/images/a/herbst-0a23152a.jpg", die es sicherlich nicht gibt. Müsste der Pfad hier nicht viel eher "/assets/images/a/herbst-0a23152a.jpg" (führender Schrägstrich) lauten?

Odenwerk commented 11 years ago

Ich konnte es lösen, siehe auch hier: https://community.contao.org/de/showthread.php?35873-CSS-Background-Image-Source-aus-assets&p=233230&viewfull=1#post233230

files ----standard_2013 --------images ------------herbst.jpg --------style ------------style.css

also -> files/standard_2013/images/herbst.jpg

Wenn ich das Bild in den style-Ordner lege, funktioniert es normal mit: background-image:url("herbst.jpg");

Wenn ich das Bild direkt in den files-Ordner lege, funktioniert es mit: background-image:url("../../herbst.jpg");

Das heißt,ja, wenn das css-File auch mit in files-Ordner wäre, würde es dann auch so funktionieren: background-image:url("herbst.jpg");

Da aber bei noch zwei Ordner bis zum Bild dazwischen habe, muß ich ja da auch irgendwie wieder raus. Entsprechend sieht es jetzt so aus: background-image:url("../../standard_2013/images/herbst.jpg");

Das mit dem assets war nur mit als Bsp. ausgeführt. Mir ist schon klar, daß jch da nicht drauf zugreifen soll. Es wurde mir halt nur im Quelltext gezeigt und dann hatte ich das mal probiert.

Also behaupte ich mal, daß soweit alles ok ist und ich danke dir, daß du dich der Sache angenommen hast.

cu.Oden

Odenwerk commented 11 years ago

Sorry, ich kenne mich noch nicht so mit dem Git aus. Falscher Button. :) Wenn, dann Close du es.

leofeyer commented 11 years ago

Du kannst Tickets gerne selbst schließen. Im Zweifel eröffne ich sie wieder :)

Odenwerk commented 11 years ago

Alles neu für mich das ganze hier. Aber interessant. Naja, da kann sowas schonmal passieren. ;-) Danke dir nochmal!