statt Frage eine Farbe mit weiterem Inhalt rotieren

Question

Hallo. Ich mache ein Lernexperiment, in dem man Hersteller zusammen mit einem Pie-Chart, in dem der Marktanteil der Hersteller abgebildet ist, sowie die Farbe des Pie-Charts lernen soll. Die Namen der Hersteller in der Frage sowie die Farbe des Pie-Charts sind dabei randomisiert/geshuffelt. Nun möchte ich neben dem Pie-Chart aber auch ein Logo des Produkts, was der Hersteller herstellt, in der Frage präsentieren, was aber eine ähnliche Farbe haben soll wie die Farben aus dem Pie-Chart. So hat letzteres beispielsweise die Farben gelb, orange und rot. Dann soll das Bild als Logo eingefügt werden, welches gelb gefüllt ist. Ich habe bereits folgenden Code gefunden:

if (!isset($blocks)) {
  $blocks = array(  // Liste der Frage-Kennungen und zugehöriger Bilder
    array('AB01', 'bild1.png'),
    array('AB02', 'bild2.gif'),
    array('AB03', 'bild3.jpg'),
    array('AB04', 'bild4.png')
  );

Nun habe ich ja durch die Randomisierung keine bestimmte Frage, die zusammen mit den Bild angezeigt werden soll, sondern wenn das Piechart mit der Farbe FE000 gefüllt ist, dann soll Bild 1 neben dem Text angezeigt werden. Wie kann ich das als PHP-Code schreiben? Das Logo soll rechts neben dem Text angezeigt werden.

Answer 1

Zur Anzeige von Elementen nebeneinander s. Elemente nebeneinander platzieren. Das funktioniert für Fragen und Bilder gleichermaßen. Nur auf Mobilgeräten kommt eine HTML-Tabelle nicht so gut ... da arbeitet man besser mit CSS Flexbox (dies nur als Stichwort, falls Sie mit Teilnehmern auf Mobilgeräten rechnen, diese machen immerhin ca. 20% der Befragungsteilnehmer aus).

Also kurzum: Sie werden um ein wenig HTML nicht umhin kommen. Das Bild setzen Sie dann einfach als Platzhalter in den HTML-Code ein.

Namen der Hersteller in der Frage sowie die Farbe des Pie-Charts sind dabei randomisiert/geshuffelt

Sprechen wir von Randomisierung oder Rotation?