Kombinierte Frage in der Darstellung farblich abgrenzen

Question

Ich habe in meinem Fragebogen eine recht komplexe Frage, die aus drei kombinierten Fragen (alles Skalen (Zwischenwerte beschriftet)) besteht. Da das Fragebogendesign keine andere sinnvolle Abfrage zulässt, möchte ich die Frage gerne optisch optimieren. Ich würde daher gerne die mittlere Fragenspalte farblich abgrenzen oder irgendwie farblich unterlegen. Dadurch soll verdeutlicht werden das es sich um drei Teilfragen handelt. Unten stehend finden Sie einen Screenshot der die Ausgangssituation verdeutlichen soll:

Vielen Dank für Ihre Hilfe

Answer 1

Da das Fragebogendesign keine andere sinnvolle Abfrage zulässt...

Dem möchte ich widersprechen: Sie können die drei Fragen auch einfach nacheinander abfragen. Das wäre für die Befragten vermutlich deutlich besser verdaulich.

Ich würde daher gerne die mittlere Fragenspalte farblich abgrenzen

Wenn Sie einen Pretest-Link direkt (!) zur betroffenen Fragebogen-Seite posten, überlege ich mir ein wenig CSS-Code, der das erledigt.

Comments

Das habe ich durchaus in Betracht gezogen, bin aber aufgrund mehrere Gründe wieder hiervon abgekommen.
Der Pretest-Link zur entsprechenden Seite ist: https://www.soscisurvey.de/test252624/?act=FcwS5fHt0Ka7t0cVRwn7Mk8f

---

Versuchen Sie es bitte einmal mit folgendem PHP-Code:

pageCSS('
  #FV01_qst table.question th.s2col7,
  #FV01_qst table.question tr.shadeH1 td.s2col8,
  #FV01_qst table.question th.s2col8,
  #FV01_qst table.question tr.shadeH1 td.s2col9,
  ...
   #FV01_qst table.question th.s2col13,
  #FV01_qst table.question tr.shadeH1 td.s2col14 {
    background-color: #CCCCFF;
  }
');

Das s2col7, s2col8 müssen Sie weiterzählen, bis Sie alle Spalten haben. Also bis s2col14. Die Nummerierung in der Zeile mit der nummerischen Verankerung ist ggü. den anderen um eines verschoben, deshalb starten die Nummern "schräg".

Und ein wichtiger Hinweis noch: Denken Sie bitte auch an die ca. 20% Teilnehmer:innen, die Ihren Fragebogen auf dem Smartphone ausfüllen. In der Anleitung zu kombinierten Fragen finden Sie einen entsprechenden Tipp.

---

Vielen Dank, das hat soweit funktioniert. Lediglich bei den einzelnen Fragen direkt über den Skalen ist die Farbe um einen schmalen Balken nach links versetzt. Also ein schmaler Balken lila reicht nach links in die erste Spalte und das grün der dritten Spalte reicht als schmaler Balken rechts in die mittlere Spalte. Kann man das noch ausbessern?

---

Schön ist es nicht, aber damit sollte es passen :)

#FV01_qst table.question th.gapline.s2col7
(erste Zeile wie gehabt, das ist das "gapline" hinzugekommen)

#FV01_qst th.s2gap.s2before.s2col14
(das ist eine neue Zeile - korrekte Kommata beachten)

---

Hat funktioniert.
Vielen Dank für den sehr guten und schnellen Support. Das ist wirklich top hier.