[GELÖST] Bilder werden nicht proportional skaliert seit Update

[globalcow]

Hallo Community,

ich brauche dringend eure Hilfe. Habe das Update auf 2.9.2 gemacht und seit dem werden alle Bilder die ich über das Lightbox Icon in die Artikel eingefügt habe nicht mehr proportional skaliert. Die Größe wird übrigens ausschließlich über die Angabe einer CSS Klasse im Lightbox Fenster definiert und nicht über die Größenangabe width und height.
Leider handelt es sich um eine öffentliche regelmäßig besuchte Seite, weshalb der Fehler sehr unschön ist.
Alternativ: Wie kann ich das automatisch beim Update erstellte Backup zurückspielen? Muss ich einfach die Daten der ZIP Datei zurückspielen? Muss man die Daten dabei zusammenführen?

Ich danke schonmal vielmals für eure Hilfe!
Grüße
globalcow

[do_while]

Hast Du mal in der Systemwartung bei Contao den Cache gelöscht:
system/html

Ich habe den Effekt sonst bisher noch nicht beobachtet.

[globalcow]

Nein, das hat leider nicht geholfen.

Hier kann man sich das Problem anschauen:
http://www.zis-reisen.de/bedingungen.html

Weitere Vorschläge? Das muss doch sicher mit dem Update des TinyMCE zusammenhängen?!

[MacKP]

Hallo globalcow,
als erstes die üblichen Dinge:
- contao-check.php mal hochladen und schauen ob alle Dateien noch ganz sind oder ob es Probleme mit den Berechtigungen gibt.
- Schauen ob der SMH noch richtig eingestellt ist wenn du den überhaupt brauchst.

Viele Grüße

[planepix]

Hallo globalcow,

wie sind denn die Einstellungen bei den Bildern im Inhaltselement Text?
Steht dort Proportional, Exaktes Format oder An Rahmen anpassen?

[do_while]

Den Bildern ist eine Klasse g2 zugeordnet, die eine Breite von 140px definiert, die Höhe hingegen kommt aus dem HTML height="429", da keine CSS die Höhe anders einstellt.

Der Firebug im Firefox ist Dein Freund.

[globalcow]

Hallo,
vielen Dank für eure Kommentare!

@do_while: Ja, dass ist mir auch aufgefallen. Über g2 (gridpx Stylesheet von contao) stelle ich immer die Breite ein. Bisher hat das auch keine Probleme gemacht, die Höhe wurde dann automatisch angepasst. Erste seit dem Update stehen plötzlich width und height nochmals extra im img Tag mit drin. Wie kann ich das unterbinden? Wie müsste ich das gridpx stylesheet anpassen, das die Höhe entsprechend angepasst wird?

@planepix: ich benutze diese Einstellungen ja nicht, da ich nur über die CSS Klasse die Größe einstelle. Ich habe hier aber auch proportional probiert. Das ändert nichts.

@MacKP: contao-check läuft ohne Probleme durch. Was ist SMH?

Grüße

[xchs]

Erste seit dem Update stehen plötzlich width und height nochmals extra im img Tag mit drin.

http://dev.contao.org/issues/2529

[globalcow]

@xchs: Damit wird es zusammen hängen. Aber was mache ich jetzt? Wie bekomme ich die Angaben wieder weg? Bzw. Wie formatiere ich den die Bilder dann sauber ohne überall die Pixelangaben machen zu müssen?

Meine Bilder werden so eingefügt:
{{image::tl_files/zis/leer/000/Stipendium/Bedingungen_drei Jungs.jpg?alt=zis-Stipendiaten sind nur selten allein[&]class=bild g2 rechts[&]rel=lightbox}}

[xchs]

@xchs: Damit wird es zusammen hängen. Aber was mache ich jetzt? Wie bekomme ich die Angaben wieder weg? Bzw. Wie formatiere ich den die Bilder dann sauber ohne überall die Pixelangaben machen zu müssen?

Wieso wegbekommen? Jedem Bild sollte in HTML eindeutige Größenangaben über die entsprechenden Attribute des Bild-Elements zugewiesen werden!

Mach mal bitte eine Screenshot von Deinen Einstellungen in diesem Inhaltselement!

[globalcow]

Ich habe das oben in meinem Beitrag nachträglich noch angefügt. Hast du es gesehen?

[xchs]

Es ist vollkommen richtig, dass das Bild-Element auch die entsprechenden Größenangaben mitbekommt. Das Bild hat nun mal diese Größe und wird - so wie Du das über den Image-Inserttag einbindest - auch nicht automatisch von Contao skaliert.

Es gibt zwei Möglichkeiten:

• entweder im Inserttag Deine gewünschten Größenangaben des Vorschaubildes ergänzen (z.B. {{image::tl_files/image.jpg?width=200&height=150}}) oder
• die Höhe über die CSS-Klasse (z.B. "bild") entsprechend einzustellen

[globalcow]

• die Höhe über die CSS-Klasse (z.B. "bild") entsprechend einzustellen

Hi danke für die Antwort! Ich würde die zweite Möglichkeit bevorzugen. Wie kann man den per CSS angegeben das die Höhe immer proportional zu Breite gesetzt wird. Ich stehe da leider gerade etwas auf dem Schlauch

[xchs]

Ich würde die zweite Möglichkeit bevorzugen.

Ich eher Erstere! Wieso machst Du das eigentlich über die Methode mit dem Inserttag und nicht über die Möglichkeiten, welche Dir im Inhaltselement zur Verfügung stehen?

Wie kann man den per CSS angegeben das die Höhe immer proportional zu Breite gesetzt wird.

Wie soll denn das gehen? Die Breite vergibst Du ja schon automatisch durch Zuweisen der Klasse "g2". Die Höhe könnte man über die andere Klasse "bild" beispielsweise auf 100px beschränken.

[globalcow]

Hallo xchs,

hmm, jetzt nochmal langsam: Ich füge meine Bilder über den TinyMCE ein, indem ich auf das Lightbox Icon klicke, dort definiere ich per CSS Klasse g2 meine Breite, bisher wurde dann auch die Höhe proportional angepasst.
Die Pixelangabe würde doch erforderlich machen das die Redakteure diese auch kennen und auswendig lernen?
Wie meinst du das mit dem Inhaltselement? Ein extra Bild Element im Artikel?

[globalcow]

Ich habe es geschafft! Das Attribut height der .bild Klasse habe ich auf auto gesetzt. Damit funktioniert es.

@xchs: Trotz dessen würde mich interessieren ob das der falsche Weg ist? Ich fand es so am einfachsten für die Redakteure mehrere Bilder im Artikel zu verteilen und diesen einheitliche, in das Raster passende, Größen zu geben (g2 g4 usw...)

[xchs]

Trotz dessen würde mich interessieren ob das der falsche Weg ist?

Naja, besser wäre es aus meiner Sicht, wenn das Vorschaubild gleich im HTML-Element die richtigen Größenangaben mitbekommen würde, anstatt dass der Browser dieses Bild erst beim Rendern der Seite auf die gewünschte Größe skalieren muss...

[globalcow]

Achso, ok! Aber auch mit den Größenangaben muss doch der Browser das Bild entsprechend skalieren, oder? Außer ich bitte entsprechend verkleinerte Vorschaubilder an.

Hmm, ich bin auf jeden Fall froh das die Seite erstmal wieder in Ordnung ist

Viele Dank an alle für die schnellen und sehr hilfreichen Antworten am Sonntag Abend

[xchs]

Aber auch mit den Größenangaben muss doch der Browser das Bild entsprechend skalieren, oder?

Nein, dann nicht mehr. In diesem Fall liegt das Bild nämlich schon in passender Größe (im Contao-Cache) vor, bekommt über das Bild-Element die richtigen Größenangaben mit und der Browser kann für dieses Bild genau diesen Bereich beim Rendern reservieren. Eine nachträgliche Skalierung ist daher nicht mehr notwendig.

Außer ich bitte entsprechend verkleinerte Vorschaubilder an.

Das macht Contao ja schon automatisch, wenn Du dem Vorschaubild die gewünschten Größenangaben mitgibst (entweder über die entsprechenden Funktionen im TinyMCE oder über die Vorgaben, die Du im Bereich "Bild-Einstellungen" des Inhaltselements machen kannst)

[globalcow]

Oh, das wußte ich nicht, dass Contao das so viel im Hintergrund arbeitet! Dankeschön für diesen Hinweis!! Da werde ich das tatsächlich nochmals überdenken!
D.h. aber das ich den Redakteuren dann die für das Raster passenden Breitenangaben in Pixel an die Hand geben muss...hmm.