[Gelöst] Ist JPG nicht gleich JPG?
Eingetragen von Follower (54)am 28.01.2012 - 20:28 Uhr in
Hallo zusammen
übe schon den ganzen Nachmittag mit meiner CSS.
Ich möchte im Body einen Background einfügen: Dazu brauche ich Firebug und füge dann die generierten "Regeldeklaration" in meine CSS ein.
Nun habe ich eine komisches Verhalten von zwei verschiedenen Backgroundbildern, welche ich mit Filezilla ins gleiche Verzeichnis hochgeladen habe:
Das eine File habe ich testhalber mal gegoogelt, um zu schauen, wie es mit einem entsprechenden Hintergrund aussieht und mit dem folgdenden Code wird dies auch eingfügt
background-image: url("/sites/default/files/pictures/Fast-article-writing.jpg");
Anders mit dem selber erstellten File, dass ich heute aus einem eigenen Foto erstellt habe, ich habe es mit FileZilla ins gleiche Verzeichnis kopiert und habe sodann den Pfad im Firebug dementsprechend angepasst. Dazu habe ich den File-Namen aus Filezilla rauskopiert und an entsprechender Stelle eingefügt, sodass der Code folgendermassen aussieht:
background-image: url("/sites/default/files/pictures/Background-klein-hell.jpg");
Sieht doch genau gleich aus, liegt im gleichen Verzeichnis, hat dasselbe Format..... einzige Unterschiede der beiden Files:
Funktionierendes File ist aus dem Netz, ist 1200x811px gross
Nicht funktionierendes File habe ich selber erstellt und ist nur 304x187px gross
Und so sieht der ganze Code-Abschnitt aus, von welchem aber immer nur die oben erwähnte Zeile geändert wurde:
#page, #main-wrapper, #main-menu-links li a.active, #main-menu-links li.active-trail a {
background-attachment: scroll;
background-clip: border-box;
background-color: #FFFFFF;
background-image: url("/sites/default/files/pictures/Fast-article-writing.jpg");
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
}
Ich habe das File schon als png hochgeladen, habe die underlines mit minus ersetzt, habe das jpg komprimiert (war allerdings nachher grösser???)
Hat jemand eine Idee, was das sein könnte? Ist JPG nicht gleich JPG? Worauf muss man dabei achten?
Im Forum wurde ich leider zu meiner Problematik nicht fündig, obwohl viel über nicht anzeigbare Backgrounds diskutiert wurde.
Ach ja, die Berechtigung für den Ordner sites ist 755, default 555, files 777, pictures 775 und die Files selber 644, somit ist auch das für beide Files die gleiche Voraussetzung.
Danke für Eure Antworten
Stefan
- Anmelden oder Registrieren um Kommentare zu schreiben
Was funktioniert denn nicht?
am 28.01.2012 - 20:38 Uhr
Was funktioniert denn nicht? Das geht aus Deiner Beschreibung leider nicht hervor. Hast Du nach dem Ändern des CSS-Datei den Cache geleert?
Beste Grüße
Werner
Sorry, war beim Erfassen des
am 28.01.2012 - 20:51 Uhr
Sorry, war beim Erfassen des Hilferufs so auf die Details fixiert, dass ich das Wesentlichste vergessen habe:
Der "funktionierende" Background wird angezeigt und das andere JPG nicht.
Was meinst du mir Cache geleert? Ich habe jeweils die Seiten aktualisiert, nach dem ich die CSS bearbeitet und erneut hochgeladen hatte.
Gruss
Stefan
Auf der Seite Konfiguration >
am 28.01.2012 - 20:58 Uhr
Auf der Seite Konfiguration > Entwicklung > Leistung mal den Button "gesamten Cache löschen" anklicken. Das ist beim Arbeiten mit dem Theme immer notwendig.
Beste Grüße
Werner
Cache geleert
am 28.01.2012 - 21:01 Uhr
Danke! Habe ich nun gemacht, aber ohne Erfolg. :-(
Zum Überprüfen, ob das Bild
am 28.01.2012 - 21:45 Uhr
Zum Überprüfen, ob das Bild korrekt eingebunden ist, starte den Firebug, markiere im Browser das Element wo das neue Hintergrundbild angezeigt werden soll und gehe dann rechts unten beim Firebug mit dem Mauszeiger auf den entsprechenden CSS-Eintrag
background-image: url("/sites/default/files/pictures/Fast-article-writing.jpg");Firebug versucht nun das Bild zu laden. Wird das neue Hintergrundbild neben dem Mauszeiger angezeigt, ist das Bild korrekt eingebunden und der Fehler muss woanders in der CSS-Datei gesucht werden.
Habe ich bereits gemacht...
am 28.01.2012 - 23:53 Uhr
....aber beim einen Bild funktioniert es, beim anderen kommt die Meldung: "Die angegebene URL konnte nicht geladen werden" (siehe Anlage)
Dann stimmt entweder der Pfad
am 29.01.2012 - 00:42 Uhr
Dann stimmt entweder der Pfad nicht (Groß- und Kleinschreibung richtig?) oder die Rechte auf der Bilddatei sind nicht korrekt. Der Webserver kann sie jedenfalls nicht liefern.
Beste Grüße
Werner
Der Pfad kommt mir generell
am 29.01.2012 - 06:25 Uhr
Der Pfad kommt mir generell spanisch vor. Normalerweise sollte das Hintergrundbild eines Themes auch im Verzeichnis dieses Themes liegen (also z.B. sites/all/themes/THEMENAME/hintergrundbild.jpg) und nicht im Fileverzeichnis. Hast du dich da evtl. vertippt?
Und probier mal, ob du den
am 29.01.2012 - 11:44 Uhr
Und probier mal, ob du den Pfad zum Bild direkt über den Browser aufrufen kannst.
Also
http://example.com/sites/default/files/pictures/Background-klein-hell.jpgPfadangaben ...
am 29.01.2012 - 14:23 Uhr
Moin.
background-image: url("/sites/default/files/pictures/Fast-article-writing.jpg");
background-image: url("/sites/default/files/pictures/Background-klein-hell.jpg");
Pfadangaben zu Bildern in CSS sollten relativ zur CSS-Datei erfolgen (wenn der Pfad erreichbar ist). Ansonsten wird der Pfad auf Unterseiten nicht mehr passen.
Beispiel: Auf
example.compasst/sites/default/filesnoch. Aufexample.com/newswird daraus jedoch/news/sites/default/files.Packe die Bilder also am Besten ins Theme-Verzeichnis ("meintheme/images") und setze den Pfad in der CSS relativ:
background-image: url("../images/Fast-article-writing.jpg");background-image: url("../images/Background-klein-hell.jpg");
(für den Fall, dass die CSS-Datei in "meintheme/css" liegt)
Eventuell war es ja das schon ...
Exterior schrieb Und probier
am 29.01.2012 - 17:13 Uhr
Und probier mal, ob du den Pfad zum Bild direkt über den Browser aufrufen kannst.
Also
http://example.com/sites/default/files/pictures/Background-klein-hell.jpgDas funktioniert problemlos! :-(
[Gelöst]Ist JPG nicht gleich JPG?
am 29.01.2012 - 18:04 Uhr
Moin.
Pfadangaben zu Bildern in CSS sollten relativ zur CSS-Datei erfolgen (wenn der Pfad erreichbar ist). Ansonsten wird der Pfad auf Unterseiten nicht mehr passen.
Eventuell war es ja das schon ...
Genau das war es!!!! Danke! :-)
Stefan
Nachtrag: Aber komisch ist ja schon, dass mit dem "falschen" Pfad das eine Bild ging und das andere nicht!!?