0 votes
in SoSci Survey (dt.) by s130803 (420 points)

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!

1 Answer

0 votes
by SoSci Survey (302k points)
selected by s130803
 
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 s130803 (420 points)
by SoSci Survey (302k points)
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%">
by s130803 (420 points)
Wo genau muss ich den CSS Code einfügen?
by SoSci Survey (302k points)
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.

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

...