Online-CMS: Bild wird nicht ausgerichtet

    Hallo. Ich hatte schon immer wieder das Problem, dass im Online-CMS ein Bild, das in einem Text nach rechts eingerückt werden soll, im Browser doch wieder links steht.

    Nicht immer, aber oft. Firefox, FF-klar und Safari. Ich habe noch nicht herausbekommen, woran das liegt und wie man das reparieren kann. Hat jemand eine Idee? (Screenshots: einmal im Online-Editor, einmal nach dem Sichern im Browser. )

    Herzliche Grüße - Uwe

    Hallo Uwe,

    beschreibe mal, wie und in welcher Reihenfolge Du Text und Bild in das Online-CMS einfügst. Ich habe das mal versucht, nachzubauen, komme aber zu keinem befriedigenden Ergebnis.

    Hallo Thomas.

    Im Editor:

    • Neuen Artikel anlegen.
    • Text schreiben/reinkopieren.
    • Cursor dahin, wo das Bild beginnen soll (hier Beginn erster Absatz).
    • "Bild einfügen", darin Bild auf dem Rechner suchen und hochladen
    • Bild ggf verkleinern (Anfasser ziehen)
    • ausrichten per Dialog (oder Icon)

    Im Editor sieht das dann korrekt aus, online leider nicht. Bzw. manchmal ja, manchmal nicht.

    Ach so: Nur die Seite "aktuell" ist eine CMS-Seite.

    HIER funktioniert es dagegen problemlos (auch die aktuell-Seite).

    Hallo Uwe,

    ich habe das mal auf https://www.hanabi-pirna.de/online-cms nachgebaut (Hinweis: Damit ich ungefähr die Breite von Euch habe, ist vor dem Widget "Online-CMS" ein "Spacer" eingefügt). Das Bild wurde dabei in verschiedenen Varianten eingefügt mit nahezu immer dem selben Ergebnis. Je nach Einfügeposition kommt das Bild in die erste oder zweite Textzeile, aber immer rechts ausgerichtet.

    Der Quelltext Eurer Seite bestätigt ebenfalls, dass das Bild die Ausrichtung "Rechts" also style="float; right;" hat.

    Momentan fehlt mir da eine Idee, worin das Problem liegen könnte. Du kannst aber mal selbst ausprobieren / ausschließen, ob das verwendete Layout einen Einfluss hat. Bei Schmidts Café kommt "album-responsive" zur Anwendung, bei mir "clean-style-responsive". Die Kirchgemeinde hat "smart-style-responsive". Lege mal ein neues Projekt an mit "smart-style-responsive" und füge dort ein Online-CMS ein. Veröffentliche dann auf dem Testserver von Zeta und probiere online verschiedene Varianten des Artikels aus.

    PS: Wenn das Problem geklärt ist, nimm Dir mal bitte Schmidts Café vor. Dort sind noch diverse Mängel bei Google-Analytics zu beheben (Siehe Blogbeitrag in meiner Signatur).

    Hallo,

    dass das Bild nicht rechts "floatet" liegt daran, dass es mit der Option "bei Klick vergrößern" gerendert wird. Warum das so ist, muss ich noch untersuchen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Vielen Dank. Wobei es klasse wäre, wenn die Option "bei Klick vergrößern" generell mit eingebaut würde... 8-)

    Herzliche Grüße - UR

    Ja, das ist schon interessant, nicht...? Das obere Bild ist nicht "floating", sondern ganzspaltig eingebaut. Da klappt das mit dem Klick-Vergrößern. Im Artikel weiter unten ist das Bild korrekt nach rechts "floating", dafür vergrößert es sich nicht. Aber alles nur auf dieser Site. Auf der anderen Site der Kirchengemeinde (um die es ja eigentlich geht) funktioniert beides nicht, also weder das nach rechts positionierte Bild noch das Klick-Vergrößern.

    Ist das ggf. ein "Feature" des jeweiligen Layouts? – Wünschenswert wäre für mich, dass sowohl das Bild nach rechts gerückt werden kann (mit umfließendem Text) und gleichzeitig das Vergrößern auf Klick funktioniert. Dies betrifft, wie gesagt, nur die CMS-Seiten (bei diesen Sites jeweils die "aktuell"-Seite). Auf statischen Seiten ist alles ok.

    Herzliche Grße - UR

    Ich meine, das mit der "Bei Klick vergrößern" hängt mit der Größe des hochgeladenen Bilds zusammen. Ich bin aber noch dabei das genauer zu analysieren.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Sind die hochgeladenen Bilder möglicherweise zu groß? Anders gefragt: Gibt es da eine Grenze, was maximal skaliert werden kann?

    Also, das verhalten ist so, dass das Online-CMS für hochgeladene Bilder mit einer Breite von > 1200px die Option "Bei Klick Vergrößern" automatisch aktiviert wird. Der Quellcode wird dann entsprechend angepasst. Da die im Online-CMS-Editor gemachten Einstellungen bezgl. "Ausrichtung" nur für das Bild gesetzt werden, nicht aber für den umschließenden Link für "Bei Klick vergrößern", ist die Ausrichtung nachher auf der Seite falsch.

    Um das zu korrigieren, am besten einfach den Quellcode bearbeiten und dem das Bild umschließenden Div (mit class="zpImageGallery") noch einen inline-style hinzufügen wie z.B.: style="display: inline-block; float: right !important; margin-left: 20px;"

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    Hallo Uro,

    alternativ kannst Du auch das Bild vor Verwendung in einem externen Bildbearbeitungsprogramm auf die beabsichtigte Größe runterrechnen. Damit würde das manuelle Anpassen der Größe entfallen und die Ausrichtung gleich stimmen. Als Nebeneffekt wäre dann noch ein schlankerer Upload, da nur die tatsächlich benötigte Größe übertragen werden muss.

    Stefan: Danke für die Info. Verstanden habe ich allerdings nicht alles – ich nutze ZP ja u.a. deshalb, damit ich nicht (mehr) programmieren muss.

    Besteht die Chance, dass das Verhalten im nächsten Update angepasst wird? Dass also a) die Ausrichtung korrekt vorgenommen wird und 6) Klick beim Vergrößern funktioniert?

    Thomas: Ich möchte die Bilder nicht runterrechnen, sondern sie auf Klick vergrößert angezeigt bekommen.

    Herzliche Grüße - UR

    Aktuell sehe ich nicht, wie ich das im CMS-Widget anders lösen könnte. Wir bleiben aber am Ball.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden