Auswahlkärtchen Bild zentrieren und Padding

Question

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!

Answer 1

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>

Comments

Super, vielen Dank!
Hier der Link:
https://www.soscisurvey.de/B2Elmi2/?act=1Qq8MX0UcAA1ddr28eDmqrJu

---

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.