Darstellung Rangordnung: Bilder als Items werden nicht in einer Reihe untereinander angezeigt

Question

Hallo,

ich habe eine Frage bzgl. der Darstellung der Rangordnung. In meinem Fragebogen sollen Teilnehmer 10 Optionen sortieren, die Items sind Produktbilder. Leider werden nur die ersten 4 und die nächsten 6 jeweils geradlinig untereinander angezeigt, sodass nach 4 Produkten ein "Sprung" nach rechts ist. Sieht leider doof aus.

Könnte mir jemand sagen, woran das liegt bzw. wie man dieses Darstellungsproblem beheben kann?

Danke und viele Grüße
Stephanie

Comments

Könnten Sie bitte noch den HTML-Code ergänzen, mit dem Sie die Bilder in die Frage eingebunden haben?

Vielleicht möchten Sie auch über eine 2- oder dreispaltige Anordnung nachdenken, vgl. https://www.soscisurvey.de/help/doku.php/de:create:table-layout

---

Hallo,
habe die html codes hinzugefügt!
Danke

Answer 1

Hallo,

hier die html codes:

Ich würde gern zwei Spalten mit jeweils 5 Produkten haben- weiß aber leider nicht wie das geht..

Danke und viele Grüße

Comments

Hier sehe ich spontan nichts, was die Verschiebung erklären könne. Möchten Sie vielleicht noch einen Pretest-Link posten (s. https://www.soscisurvey.de/help/doku.php/de:survey:pretest), damit ich es mir einmal direkt ansehen kann? Danke.

> Ich würde gern zwei Spalten mit jeweils 5 Produkten haben

Haben Sie einmal die Anleitung gelesen, die ich dazu oben verlinkt habe? Details dann gerne hier im Online-Support.

---

Hallo,

hier der Pretest Link: https://www.soscisurvey.de/PretestB1/?act=fZ9bjdNMmsirMwfw9Tp5DFGQ

Bzgl. der Spalten: Ja, ich habe mir die Anleitung durchgelesen aber noch nicht so ganz durchschaut. Es sind ja nicht zwei unterschiedliche Fragen die ich nebeneinander platzieren möchte, sondern Antwortmöglichkeiten einer einzigen Frage..

---

Der Trick ist, dass Sie jede Frage nur halb anzeigen. Die erste Hälfte bekommen sie mittels

question('PB02', '1-5', 'show-title=no');
question('PB02', '6-10', 'show-title=no');

Den Fragetext (darüber) bekommen Sie mittels

question('PB02', 'show-items=no');

---

und das gebe ich einfach als HTML code im Fragebogen an?

---

Nein, das muss man als PHP-Code eingeben - an den passenden Stellen zwischen dem HTML-Code. Man kann im PHP-Code auch die Funktion html() verwenden, um direkt HTML-Code auszugeben, z.B.

question('PB02', 'show-items=no');
html('<table><tr><td style="width: 50%">');
question('PB02', '1-5', 'show-title=no');
html('</td><td>');
question('PB02', '6-10', 'show-title=no');
html('</td></tr></table>');

Answer 2

Es ist nur eine Kleinigkeit - aber mit großen Wirkungen.

Hier Ihr HTML-Code des ersten Items:

<img src="Baguette.png" alt="Baguette“>

Das sieht gut aus - aber wenn Sie einmal hineinzoomen, sehen Sie, dass das letzte Anführungszeichen nicht gerade ist ("), sondern typografisch (“).

Das passiert normalerweise, wenn man den HTML-Code nach Word kopiert und dort bearbeitet. Die Folge ist, dass der Text nicht abgeschlossen ist, und damit stimmt die HTML-Struktur nicht mehr.

Es sollte ausreichen, alle typografischen Anführungszeichen durch normale zu ersetzen.