Wie kann ich die Elemente unter dem Bild anordnen?

Question

Liebes Sosci Survey-Team,

ich habe eine ähnliche Frage. Ich habe fünf Objekte, die die Versuchspersonen in dem Bild anordnen können. Momentan werden sie untereinander unter dem Bild angezeigt. Haben Sie einen Tipp, wie ich das mithilfe von CSS ändern kann?

Viele Grüße

Answer 1

Sie könnten einmal eine Tabellenkonstruktion ausprobieren:
Elemente nebeneinander platzieren

Aber vorsicht ... das klappt nicht, wenn einige Ihrer Befragten auch auf dem Smartphone teilnehmen. Da müssten Sie sich erstmal überlegen, wie es auf dem großen und kleinen Bildschirm aussehen soll. Wenn Sie das wissen, kann man über passenden HTML- und CSS-Code nachdenken.

Comments

Hi!
Vielen lieben Dank für die schnelle Rückmeldung (die dummerweise bei mir untergegangen zu sein scheint...)!

Aber wenn ich die Bilder der Objekte in der Tabelle darunter darstelle, dann können die Versuchspersonen die Objekte nicht aus dieser Darstellung auswählen. Zumindest war das bei mir so. Ich konnte dann ein Objekt darunter sehen, aber ich konnte es nicht anklicken und es ins Bild ziehen. Ich vermute, dass das daran liegt, dass die Darstellungsform der Tabelle nichts mit der Zuordnungsaufgabe zu tun hat, richtig?

Zumal bei mir von drei Objekten nur eines als Bild und die anderen beiden mit ihrer Benennung angezeigt wurden...:

<table>    
<colgroup>  
    <col width="50%">  
    <col width="50%">
    <col width="50%">
</colgroup>
<tr>         
 <td> <img scr="Kerzen_neu.png" alt="Kerzen"</td>    
 <td> <img src="Gitarre_new.png" alt="Gitarre"</td>  --> wird als einziges angezeigt
 <td> <img scr="Pflanze.png" alt="Pflanze"</td>
</tr>
</table>



Viele Grüße

---

Versuchen Sie es mal damit, Ihre <img>-Tags zu schließen ... da fehlt nämlich noch die schließende Spitze Klammer:

<img scr="Kerzen_neu.png" alt="Kerzen"