URLs in user.css

    Hallo,

    ich habe eine komplette Seite vom Webspace auf xampp in \htdocs\test übertragen.

    Soweit alles gut. :)


    Situation:

    Im JCE habe ich Bilder eingefügt URL

    images/stories/willkommen/bild1.png


    Background-images werden in der user.css zugewiesen

    itemid-4 {background-image: url(/images/stories/wallpapers/background1.png);}


    Die .htaccess enthält (ohne #)
    RewriteEngine On und RewriteBase /testseite



    Im Quelltext mit Chrome finde ich

    zum Bild (inspect, Elements) eine autom. Pfadergänzung /test

    <img src="/test/images/stories/willkommen/bild1.png" ....>


    zum Background (Styles) den ursprünglichen Eintrag und eine zugeh. not found Meldung

    itemid-4 {background-image: url(/images/stories/wallpapers/background1.png);}



    Problem:

    Das Bild wird geladen, der Background nicht. hmm


    Frage:

    Muss ich alle URLs in user.css jeweils per Hand anpassen oder gibt es eine elegantere Möglichkeit :?:


    vG

    Zitat von ycsh

    Die .htaccess enthält (ohne #)
    RewriteEngine On und RewriteBase /testseite

    Die Anweisungen für RewriteBase lauten:

    RewriteBase /


    Und bei Nutzung eines Unterverzeichnisses:

    RewriteBase /unterverzeichnis/


    Finde den Fehler! ;)


    EDIT: Und natürlich sollte als Unterverzeichnis auch das angelegte Unterverzeichnis verwendet werden. In deinem Beispiel hast du einmal "test" und einmal "testseite" angegeben.

    Ergänzung:

    Wenn es dann noch Probleme geben sollte, liegt es meist an dem ersten Slash:

    url(/images/stories/wallpapers/background1.png)


    Ich muss gestehen, ich verwechsel das auch immer, wann er da stehen muss und wann nicht. :)

    Einfach mal mit und ohne "/" testen!


    "Cache leeren" nicht vergessen!

    Für Joomla "einfach" merken oder abzählen

    Code
    background-image: url("../../../media/system/images/printButton.png");
    Code
    background-image: url("../../../images/dasBild.jpg");

    Will man in einen Ordner im JoomlaRoot (= da wo Joomla liegt) "eintauchen", aus einer CSS-Datei im /css/-Ordner im Templateordner, drei so "1-Ordner-hoch"-Dinger (../) davor.


    Root/templates/meinTemplate/css/datei.css


    Manchmal gibts auch so was oder ähnlich in Templates

    Root/templates/meinTemplate/css/styles/datei.css

    Da sinds dann vier ../


    In einem Backend-Template sind's auch vier.

    Root/administrator/templates/meinTemplate/css/datei.css


    Das überlebt dann auch jeden Serverwechsel, Ordnerwechsel, whatever der Joomla-Installation.

    Slash oder nicht slash? Das ist hier die Frage.


    Portierung

    db und htdocs habe ich aus dem webspace exportiert bzw. herunter geladen und in xampp importiert bzw. in /htdos/test entzippt.

    Danach die configuration.php angepasst. Bis auf Background funktioniert auch alles.



    .htaccess

    RewriteBase / oder /test oder /test/ ist bzgl. des Problems scheinbar ohne Belang und Bilder bekommen immer die autom. Ergänzung im Pfad.



    Bilder im JCE

    URL   images/stories/willkommen/bild1.png funktioniert.

    URL   /images/stories/willkommen/bild1.png funktioniert nicht.


    background-image: url("images/stories/wallpapers/test1.png") funktioniert übrigens auch nicht




    Dinger (../)

    Diese Notation habe ich auch in template.css funden.


    background-image: url("../../../images/stories/wallpapers/background1.png")

    hat aber im ersten Anlauf (cache gelöscht?!) nichts bewirkt. hmm


    Aber jetzt läuft es super. beer

    Danke für die vielen Hinweise!



    Apropos cache löschen

    Der inspector in Chrome gefällt mir besser als der in firefox. Dort habe ich eine Erweiterung für 'one-click cache löschen'.

    In chrome sind umständlich mehrere clicks nötig.

    Gibt es für Chrome eine Erweiterung oder Einstellung für eine 'one-click' Lösung?

    Besser noch automatisch nach jedem refresh.

    Die, die ich gefunden habe, sind ganau so umständlich wie das Original.


    vG