Danke für den Pretest-Link. Sie haben hier erstmal nur 4 Grafiken eingefügt, soweit ich sehe. Fügen sie auf Ihrer Seite bitte mal folgenden PHP-Code ein, um die Abstände zu entfernen:
pageCSS('
div.s2question div.s2options.s2horizontal {
gap: 0;
}
');
Sobald der Bildschirm zu klein ist, schaltet SoSci Survey allerdings weiterhin responsiv in einer vertikale Darstellung um. Sie könnten die Mindestbreite in der Frage noch kleiner einstellen (z.B. 30 Pixel), um das zu vermeiden bzw. zu verzögern.
Ganz schlecht ist das Umschalten natürlich nicht, denn spätestens auf dem Smartphone-Display erkennt man einfach nichts mehr, wenn die Symbole zu klein werden.
> Muss ich bei der Erstellung bzgl. der Größe etwas beachten? Also wie breit darf der Schieberegler sein?
Es gibt keine Größenbeschränkung, aber die Regler-Grafik wird gemeinsam mit der Skalengrafik skaliert. Sie müssten also aufpassen, dass die beiden Grafiken von der Größe her zusammenpassen.
> Mit welchem Programm erstelle ich die Grafik am besten?
Wenn Sie nur die existierenden 21 Grafiken zusammenfügen möchten, dann sollte es jede Bildbearbeitungsssoftware tun. Also z.B. auch Windows Paint. Wenn Sie etwas mehr Spielraum möchten, verwenden Sie GIMP.
> Und ist der Schieberegler dann responsiv, also wird er schmaler und die Bilder ggf. kleiner, wenn ich das Browser-Fenster verkleinere?
Ja.