Drei bilder - gleicher Abstand?

  • Ein fröhliches Hallo ins Forum,

    ich arbeite mit ZP 14.2.1. Business und (ich glaube) dem Tweet responsive Layout (Wo kann ich das nachschauen?).

    Nun ist ja das Raster in 10 Spalten aufgeteilt und ich möchte in einer Zeile 3 Bilder gleichmäßig verteilt anbringen.

    Ich habe also mit den Spacern und Bilder im Wechsel 1 - 3 - 3 - 1 - 3 -1 angelegt. Aber es sind immer zwei Bilder aneinandergeklebt :(

    Wenn ich den linken Spacer zwischen die beiden Bilder setze sind alle Bilder zu weit links, auch nicht gut :(

    Kann ich die Spacer in der Breite ändern? Früher hätte ich mit einem blinden gif den entsprechenden Abstand erstellt, aber naja...

    Ich hoffe es gibt eine Lösung, wie könnte die aussehen???
    Wer es live sehen will: http://doktor-bessler.de/beta/unser-team.html

    Vielen Dank für Eure Ideen.

    Frdl. Grüße

    Matthias

    ZP 14.3.3 - Business Edition

  • Hallo oppi28,

    Zeta teilt die Seite in 12 Spalten. Ohne Spacer könnten darin die drei Bilder in gleicher Größe und mit gleichem Abstand jeweils 4 Spalten breit sein (3 * 4 = 12).

    Auch Spacer können, wie alle anderen eingefügten Widget auf gewünschte Spaltenanzahl gezogen (verbreitert oder verschmälert) werden.

    Vielleicht helfen Ihnen diese Handbuchseiten:
    https://docs.zeta-producer.com/das-grid-system-verstehen.html
    https://docs.zeta-producer.com/spalten-bearbeiten.html

    Gruß von einem (laienhaften) Anwender und Mitleser

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

  • Natürlich 12 wollte ich ja auch schreiben, die Summe der Zahlen, naja,

    ich habe mich vlt. falsch ausgedrückt. Die Bilder sollten nicht gar so groß präsentiert werden und erst bei Bedarf, auf klick quasi, vergrößert werden.

    Aber ich habe eine Lösung gefunden, die hoffentlich meinen Auftraggeber zufriedenstellt.

    Die Bilder nicht drei sondern nur zwei Einheiten breit und dann rechts und links je einen Spacer; also 1-2-2-2-2-2-1

    Trotzdem vielen Dank.

    Frdl. Grüße

    Matthias

    ZP 14.3.3 - Business Edition

  • tweet responsive Layout (Wo kann ich das nachschauen?

    Hallo Matthias,

    Du kannst das aktuell verwendete Layout wie folgt herausbekommen:

    Variante 1 (in Zeta): Gehe auf "Layout" und dann oben rechts auf "anderes Layout auswählen". In der dann erscheinenden Reihe ist das aktuelle Layout blau umrahmt. Danach "schließen" und "abbrechen", damit nicht ungewollt Änderungen am Layout übernommen werden.

    Variante 2 (Online): Rufe die Webseite auf und gehe über die rechte Maustaste auf "Seitenquelltext anzeigen" (Chrome) bzw. "Quellcode anzeigen" (IE). Suche dann im Quellcode nach "body id". Dahinter steht das verwendete Layout, in Deinem Fall ist es "tweet" ohne den Zusatz "responsive". Hier solltest Du auf alle Fälle noch den Wechsel auf "tweet responsive" vornehmen

    Support : bitte beim Layout "Tweet responsive" noch die Body id anpassen. Diese lautet gegenwärtig nur "tweet" (getestet mit einem neuen Projekt unter ZP 14.2.1)

  • Die Bilder nicht drei sondern nur zwei Einheiten breit und dann rechts und links je einen Spacer; also 1-2-2-2-2-2-1

    Hallo oppi28,

    kleine Ergänzung dazu:
    Der rechte 1er Spacer ist dafür unnötig und könnte bei schmalerem Fenster zu ungewünscht größerem Abstand nach unten führen.
    Das Grid System muss nicht immer auf 12 Spalten aufgefüllt werden. Der rechte Rest bleibt (wenn im Ansichtsfenster genug Platz ist) automatisch frei.

    Freundliche Grüße
    Walter
    Zeta Producer 14.3.3, 15.4.1 und 16.8.6.0 Express

Jetzt mitmachen!

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