CMS, Lightbox und rechtsbündig

  • Hallo.


    Wenn im CMS Bilder >1200pix eingebaut werden, sollte ja automatisch die Lightbox eingebaut werden klappt auch. Nur: Bei mir klappt (mindestens in zwei Layouts) nicht, die Bilder rechtsbündig textumfließend einzubauen. Es wird dann online falsch dargestellt. Siehe Screenshots: Links im Editor, rechts im Browser.


    Ich dachte zunächst, dass ggf. die Größe die Ursache sei, und habe das bild auf ca. 800 Pix Breite heruntergerechnet – damit wird es auch im Browser korrekt angezeigt. Natürlich aber ohne Lightbox.


    Wo liegt der Fehler? Lightbox und rechtsbündig/textumfließend wäre schon schön...


    Herzliche Grüße - Uwe

  • Hallo,


    wie haben Sie den Text denn umfließend eingebaut? Meines Wissens gibt es dafür keine Option in der Toolbar.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hei.


    Na, einfach auf "rechts" klicken, wenn das Bild aktiv ist...


    Im Code steht danach dies:

    <div id="igal1563190045282" class="zpImageGallery" data-kind="singleimage" data-transition="elastic"><a class="fancybox" href="assets/php/CMS_DATA/2629/assets/5d2c631d15bcf-large.jpg"><img style="float: right; margin: 3px;" src="assets/php/CMS_DATA/2629/assets/5d2c631d15bcf.jpg" width="299" height="189"


    Wenn das Bild kleiner ist und die Lightbox nicht eingebaut wird, klappt das mit dem "float:right" ja auch prima.

    Könnt ihr das irgendwie reparieren/ergänzen? Als minimale Designmöglichkeit auf CMS-Seiten fände ich das schon wichtig/schön.


    Herzliche Grüße - Uwe

  • Hallo,


    mit welcher Version von Zeta Producer verwenden Sie denn das Online-CMS? Welchen Browser verwenden Sie? Können Sie mal einen Link zur Website hier posten?

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Ich vermute, das CSS für das Umfließen etc. geben Sie manuell im Online-CMS in den Quelltext als inline-css für das <img> Tag ein oder Sie klicken auf das Bild und klicken dann auf das "Rechtsbündig"-Icon im Editor, was die selbe Auswirkung hat. Hier liegt die Fehlerursache.


    Wenn das Bild in der Lighbox geöffnet wird, wird vor dem Bild ein <a> Tag eingefügt und sie sollten das inline-css hier hinzufügen. Dazu schalten Sie einfach per Klick auf das <>-Icon im Editor in den Quelltext-Modus um. Auf jeden Fall muss das "float:right" nicht beim <img>, sondern beim <a> angegeben werden, da sonst nur das Bild rechts floatet, nicht aber der umschließende Link, der das Bild in der Lightbox öffnet.

  • Hallo.


    Ich habe also das verwendete

    style="float: right; margin: 3px;"

    verschoben aus dem img-Bereich hierhin:

    <a class="fancybox" style="float: right; margin: 3px;" ...


    Das klappt wunderbar, vielen Dank. Vielleicht kann das gelegentlich ja mal so angepasst werden, dass es automatisch passiert (also mit dem Klick auf das Rechtsbündig-Icon im Editor). Das klappt ja auch korrekt, solange die Lightbox nicht eingebaut wird beim größeren Bildern.


    Herzliche Grüße - UR