Rangordnung mit Grafiken als Items

Question

Hallo,

ich habe eine Frage zum Fragetyp Rangordnung.
Bei dieser Frage möchte ich 12 verschiedene Grafiken als Items einfügen und diese ranken lassen. Mein Problem ist nun folgendes: Wenn ich die Grafiken einfüge, sieht man immernoch leicht die blaue Linie der eigentlichen Itemkarte, die erscheint, wenn man den Fragentyp ohne eigene Grafiken aufsetzt.

Eigentlich hat meine Grafik keine äußere schwarze Linie als Rand und das untere blaue Feld sollte nicht erscheinen. Gibt es eine Möglichkeit, wie ich dies ausblenden kann?

Das ist die Originaldatei, die ich in SoSci als png eingefügt habe und gern genau so den VP zeigen würde.

Lieben Dank und einen schönen Tag.

Comments

> Eigentlich hat meine Grafik keine äußere schwarze Linie als Rand

Doch, laut Ihrem zweiten Bild hat sie das?!

Posten Sie gerne mal einen Pretest-Link direkt zu der Seite mit der Frage. Dann sehe ich nach, welche CSS-Befehle Sie im vorliegenden Fall brauchen. Eventuell muss das <img> nur als Block eingbunden werden, also <img src="..." style="display: block">

Allerdings rechne ich damit, dass man die Auswahl dann gar nicht mehr sieht. Stattdessen sollten Sie ein transparentes PNG erstellen und/oder ein SVG.

Answer 1

< Doch, laut Ihrem zweiten Bild hat sie das?!

Nein, das ist das innere Quadrat, das auch im ersten Bild zu sehen ist.

Vielen Dank, style="display: block" hat soweit schonmal geholfen, dass das blaue Feld weg ist.

Jetzt sieht es so aus. Das äußere (an drei Seiten vollständige) Quadrat ist nicht in meiner Originalgrafik enthalten. Vllt wissen Sie noch, welchen Code ich brauche, um das äußere Quadrat zu entfernen?
Im Moment lautet mein Code:
img src="unbenannt.png" width= "411" height="243" style="display: block"

Zusätzlich habe ich unter weitere Einstellung => Rangordnung bei Breite und Höhe die selbe Pixelzahl angegeben.
Verringere ich diese, zerschießt es mir allerdings das Format, sodass die Grafiken überlappend angereiht sind, und nicht mehr nebeneinander.

Comments

Um den äußeren Rahmen zu entfernen, müssen wir ein klein wenig CSS-Code in der Seite ergänzen. Möchten Sie mal einen Pretest-Link direkt (!) zur betroffenen Seite posten?

Und nochmal mein Hinweis, dass man die Auswahl wahrscheinlich nicht mehr sehen wird, wenn wir den Rahmen entfernen. Oder soll der Markierungsrahmen bleiben?