Fragetext neben Frage (Schieberegler) anzeigen lassen

Question

Hallo, ich habe eine Frage vom Typ Schieberegler und lasse hier ein Bild anhand mehrer Regler bewerten. Das Bild habe ich in den Fragetext eingefügt. Ich würde nun gerne das Bild und den Text neben den Reglern anzeigen lassen (nicht darüber). Alle meine Versuche wie zB

<table style="width: 100%;"   tr   td style="width: 30%; vertical-align: top; padding-right: 20px;"
     img src="1.jpg" alt="Wom_1t" style="max-width: 100%;"   /td    td style="width: 70%; vertical-align: top;"
     p><strong>Wie wirkt diese Person auf Sie?</strong></p
        /td>   /tr> /table

verschieben leider nur den Fragetext, nicht aber die slider. Können Sie mir helfen? Herzlichen Dank

Answer 1

Unterbrechen Sie den HTML-Code an der Stelle, wo der Schiebergler eingefügt werden soll. Binden Sie unter Fragebogen zusammenstellen erst den HTML-Code davor ein.

<table>...<td>

dann die Frage mit dem Schieberegler und darunter dann den Rest vom HTML-Code

</td></tr></table>

Das Vorgehen wird hier auch nochmal gezeigt: Elemente nebeneinander platzieren

Wichtig: Tabellenkonstruktionen arbeiten in allre Regel nicht (!) gut mit Mobilgeräten und andren kleinen Displays zusammen. Für diese Geräte wäre ein Layout mit CSS Flexbox besser geeignet, welches die beiden Elemente auf kleinen Displays dann wieder untereinander anzeigt.