Der Interaktionsdesigner – PHP, jQuery und CSS

8. August 2008 (14:20 Uhr)

CakePHP und die Pfade in CSS Dateien

Ich musste lange über den Titel nachdenken, ungefähr genau so lange wie ich vorher in meiner Cake Applikation rumprobiert habe bis ich endlich rausgefunden habe wie die korrekten Pfadangaben in einer CSS Datei zu Grafiken lauten!

So siehts aus: Meine CSS Datei liegt im Ordner vendors/css/

Die Bilder für die Webausgabe liegen dagegen in app/webroot/img/

Fragt mich bitte nicht warum; in einem Tutorial oder beim ersten Versuch hat es damit geklappt und so hab ichs erstmal gelassen. Jetzt stellt sich allerdings die Frage wie man das beides miteinander verknüpft.

Zum Glück ist die Lösung mal wieder einfach. Die CSS aus dem Vendor wird für die Webausgabe in den webroot Ordner kopiert, oder per URL Rewriting dort hin geschrieben, jedenfalls kann man von diesem Ordner aus die Bilder relativ zur CSS Datei verknüpfen:

background-image:url("../img/edit.png");

Leider fehlt mir die Zeit ausführlich über Cake zu schreiben, aber ich habe große Lust drauf und werde es irgendwann schaffen!

Daniel
Hofstetter
9. August 2008 (08:05 Uhr)

Im Normalfall werden CSS-Dateien in app/webroot/css abgelegt. Und wenn du “Document Root” auf app/webroot gesetzt hast, dann kannst du Bilder mit background-image:url(”/img/edit.png”); referenzieren.

UR 3. November 2009 (14:08 Uhr)

“So siehts aus: Meine CSS Datei liegt im Ordner vendors/css/”

sollen aber in “webroot/css” liegen und url(../img/ … usw. ist dann korrekt und sauber.

evtl. noch in deiner Vhosts ein Options +FollowSymlinks

Einen Kommentar schreiben

(wird nicht veröffentlicht)

(wird veröffentlicht!)