Willkommen im Online-Support von SoSci Survey.

Hier bekommen Sie schnelle und fundierte Antworten von anderen Projektleitern und direkt von SoSci Survey.

→ Eine Frage stellen


Welcome to the SoSci Survey online support.

Simply ask a question to quickly get answers from other professionals, and directly from SoSci Survey.

→ Ask a Question

0 votes

Hallo,

ich nutze im Fragetyp "Auswahl" Antwortkärtchen, die Bilder enthalten. Das heißt die Antwortoption sieht wie folgt aus:

<img src="Stimuli.jpg" width="250">

In den Auswahlkärtchen werden die Bilder auch angezeigt, allerdings linksbündig und mit relativ viel Padding bis zum Rahmen.

Besteht hier die Möglichkeit die Bilder zu zentrieren und das Padding zu verkleinern?

Vielen Dank!

in SoSci Survey (dt.) by s130803 (410 points)

1 Answer

0 votes
 
Best answer

Für das Padding müssten Sie bitte einen Pretest-Link direkt (!) zur betroffenen Fragebogen-Seite posten. Dann kann ich mit dem passenden CSS aushelfen.

Für das zentrieren brauchen Sie nur ein <div>.

<div style="text-align: center"><img src="Stimuli.jpg" width="250"></div>
by SoSci Survey (222k points)
selected by s130803
Versuchen Sie es bitte hiermit:

pageCSS('
  .s2iSelection.cols.cards div.option {
    padding: 0;
  }
  .s2iSelection.cols.cards div.option {
    padding: 0;
  }
');

Damit links und rechts die Breite ausgenutzt wird, müssten Sie außerdem den HTML-Code für die Bilder anpassen:

<img src="Slide5.png" style="max-width:100%">
Wo genau muss ich den CSS Code einfügen?
Den o.g. Code können Sie einfach als PHP-Code in die Seite einfügen. Die Funktion pageCSS() kümmert sich darum, dass der CSS-Code an der richtigen Stelle landet.
...