Positionierung der Legende bei Tagging Frage

Question

Hallo,

ist es möglich die Legende wie im Screenshot darunter neben das Bild oder unter das Bild zu bewegen?

Besten Dank.

Comments

Ja, z.B. per CSS. Wenn Sie einen Pretest-Link direkt (!) zur betroffenen Seite im Fragebogen posten, sollte ich Ihnen auch den dafür notwendigen Code sagen können.

---

Vielen Dank. Hier der pretestlink: https://www.soscisurvey.de/CrowdWork/?act=uylzdvkfqBtorOWmtv4BnKJH

Answer 1

Eigentlich würde die Legende mit den Symbolen links vom Bild erscheinen. Allerdings reicht in Ihrem Fall der Platz nicht dafür.

Aus irgend einem Grund ist für das Bild auch eine Breite von 1024 Pixeln eingestellt. Deshalb ist Bild auch nach rechts verschoben. Das sollte m.E. noch korrigiert werden (vermutlich bei "Abmessungen des Bilds").

Um die Legende zu zentrieren, fügen Sie auf der Seite bitte folgenden PHP-Code ein:

pageCSS('
  #IT01_tab > div.container {
    display: block !important;
  }
  #IT01_tab > div.container > div.legend {
    margin: 0 auto 50px !important;
  }
');

Comments

Ich habe die Bildgröße verkleinert, sodass es jetzt mittig ist. Habe den Code eingefügt.  Leider ändert sich hierbei nichts an der Position der Legende

---

Oh ja, die Abfolge im CSS stimmt noch nicht. Ich habe oben noch ein !important hinzugefügt, damit das funktioniert.

---

Vielen Dank. Die Legende ist jetzt zentriert, das Bild leider ist etwas verschoben. Wie kann ich dieses mittig über der Legende positionieren?

https://www.soscisurvey.de/CrowdWork/?act=MD6psL15UH6ADsn48sZgx8Rx

Beste Grüße

---

Als erstes sollten Sie den weißen (transparenten) Rahmen links und rechts vom Bild entfernen. Stellen Sie als Breite in der Frage anschließend auch die tatsächliche Breite ein. Dann ist es erstmal sauber linksbündig.

Jetzt fehlt nur noch eine kleine Ergänzung innerhalb des pageCSS()-Befehls:

#IT01_tab > div.container > div.back {
    margin: 0 auto 50px auto !important;
}