Bilder und Fragen in html-Tabelle ausrichten / Zellenhöhe in html-Tabelle festlegen

Question

Hallo,

gibt es die Möglichkeit, Elemente in einer html-Tabelle im Fragebogen (Bilder und Fragen) zentriert in den Zellen auszurichten?

Außerdem würde ich gerne die Höhe der letzten Zeile der Tabelle festlegen, um die Größe des Inhaltes dieser anzupassen. Ist dies irgendiwie möglich?

Ich sende Ihnen einen Pretest-Link zur Frage in einer E-Mail.

Vielen Dank!

Answer 1

Das zentrierte Ausrichten von Fragen, die Sie per Platzhalter einbinden, ist nicht ganz trivial. Im Vorliegenden Fall müssten Sie, um das rechte Dropdown nach rechts zu schieben, z.B. foglenden CSS-Code verwenden:

div#EM09_area {
  justify-content: end;
}

Und zum horizontalen Zentrieren des oberen Dropdowns:

div#EM01_area {
  justify-content: center;
}

Und wenn es dann auch noch vertikal auf Höhe der Pfeile liegen soll:

div#EM01_area {
  justify-content: center;
  align-content: center;
  height: 74px;
}

Einzusehen ist das z.B. mit dem Inspektor der Developer-Tools im Browser.

Diesen CSS-Code könnten Sie z.B. mittels pageCSS() auf der Seite einbinden. Aber vermutlich wäre es in diesem Fall einfacher, wenn Sie keine Wortlücken-Frage verwenden, sondern einfach eine Frage "Dropdown-Auswahl", wo Sie die Ausrichtung evtl. schon direkt in der Frage einstellen können.