Abstand zwischen Bildern verringern und linksbündig

Question

Liebes Sosci Team,

Ich habe immer zwei Bilder als Antwortoption, welche ich in sosci survey mit style="max-width:50%" verkleinert habe, da sie unschärfer wurden wenn ich sie gleich verkleinert hochgeladen habe. Ich hätte gerne, dass die Bilder nicht so viel Abstand zueinander haben und linksbündig sind. Ich habe das Gefühl, dass die Bilder zwar kleiner sind, aber das Antwortfeld so groß ist als wäre style="max-width:100%". Die Fragen werden mittels Randomisierung angezeigt.
Hat jemand hierzu eine Idee?
Hier noch der Link zu dem Pretest: https://www.soscisurvey.de/DCEAG/?act=JQFbFIPzUah4SPZLxKD4u6wc

Vielen Dank schon einmal für eine Antwort.
Beste Grüße

Answer 1

Danke für den Pretest-Link.

Die 50% beziehen sich auf die Breite, welche *pro Antwortoption" zur Verfügung stehen. Wenn Sie also max-width: 100% eintragen, dann wird alles schön groß und der Abstand verschwindet. 90% wäre mal einen Versuch wert.

Für mobile Teilnehmer:innen sollten Sie aber direkt in der Auswahlfrage noch eine Mindestbreite pro Option definieren.

Comments

Vielen Dank für die schnelle Antwort! 50% würde an sich als Größe ziemlich gut passen finde ich, aber dann ist der Abstand zwischen den beiden Bildern zu groß. Bei 100% ist dieser Abstand nicht vorhanden. Verstehen Sie mein Problem und haben ein Idee wie das Problem gelöst werden kann ?
Kann ich vielleicht die Bilder bei 100% belassen und dann im Fragebogen mittels PHP Code die gesamte Frage bzw die Antwortoptionen verkleinern ?

---

Die Frage können Sie z.B. mit folgendem PHP/CSS-Code auf der Seite reduzieren.

pageCSS('
    #G109_qst {
        max-width: 500px;
    }
');

---

Das ist sehr hilfreich, vielen Dank !