Lückentext - Lücken mit vorangestelltem Wort verknüpfen

Question

Hallo zusammen,

nachdem ich fast alle meine Fragen durch diese großartigen Hilfestellungen hier im Forum gelöst habe, bleibt nur noch mein letztes Problem:
Gibt es eine Möglichkeit zu verhindern, dass im Lückentext die Lücke in die nächste Zeile springt? DIe Lücken sehen so aus, dass ein Wortanfang gegeben ist und nur der zweite Teil ergänzt werden soll (z.B. Beisp_____).

Wenn ich den Prestest nun auf einem mobielen Endgerät ansehe, dann kann es sein, dass Bei am Zeilenende und die Lücke in der nächsten Zeile steht, während am PC durch die Neue-Zeile-Funktion für die betroffenen Items das Problem löst.
Achja, und das allerletzte Problem: Kann man den Abstand zwischen dem Wortende und der Lücke verkleinern? Momentan steht da dann: Beisp ____ ...

Vielen Dank!

Answer 1

Versuchen Sie es bitte wie folgt:

Schreiben Sie an den Anfang des Textes vor der Lücke

<span style="white-space: nowrap">

Und in den Text hinter die Lücke schreiben Sie

</span>

Update: Nachdem das <span> nicht sauber funktioniert, legen Sie besser einen Text im Fragenkatalog an (Darstellung HTML-Code) und fügen Sie die Eingabefelder via Platzhalter ein: Eingabefelder frei platzieren

Comments

Vielen Dank für die schnelle Antwort, es hatte allerdings keine Auswirkung. Ich habe jetzt vor und nach jeder Lücke das so eingetragen:

<span style="white-space: nowrap">Beisp [60] </span>

Oder habe ich das falsch verstanden?

---

Das <span> muss all das umschließen, was zusammen bleiben soll.

Möchten Sie einen Pretest-Link zur betroffenen Seite posten? Dann werfe ich gerne einen Blick darauf.

---

Mache ich gerne:

https://www.soscisurvey.de/c-tests1/?act=Wdljkqryjf7uv1Sy1e7WTraj

Danke!

---

Da haben Sie aber noch keine <span>s ergänzt, oder? Aussehen müsste es z.B. wie folgt:

<span style="white-space: nowrap">Luftsch

dann kommt das Eingabefeld und dann im hinteren Eingabefeld:

ten</span>

Evtl. möchten Sie als Layout für ds Eingabefeld einmal die Option "Wortlücke mit definierter Zeichenlänge" ausprobieren - einzustellen, wenn man das Eingabefeld (Item) direkt links in der Navigation anklickt. Nur als Idee.

---

Die <span>s sind schon drin... Ich habe mal einen Screenshot angehängt, wie das dann aussieht:
https://www.directupload.net/file/d/6090/shitapyl_gif.htm

Und hier nochmal der Link zum Pretest, hab den alten versehentlich gelöscht... :
https://www.soscisurvey.de/c-tests1/?act=GP1HrI5lc8SjpvvpjYCoQZC2

---

Sind Sie sicher, dass sich auf dem Handy überhaupt etwas ändert? Das alte "Paper" Layout ist das einzige, das nicht "responsive" ist, sich also nicht automatisch an die Display-Größe anpasst.

Aber ja, im Quellcode sehe ich das generelle Problem: Die <span>-Tags werden durch die <label>-Tags unterbrochen und umgekehrt.

> Ich habe mal einen Screenshot angehängt, wie das dann aussieht:

Da sehe ich nur eine schwarze Seite?!

Die Label sind im vorliegenden Fall eigentlich nicht erforderlich. Allerdings sehe ich auch keinen schnellen Workaround, um das Problem zu umgehen :(

Was Sie aber machen könnten: Sie könnten den Text als Text (HTML-Code) im Fragenkatalog ablegen und mit Platzhalter arbeiten, um an den gewünschten Stellen die Eingabefelder zu bekommen: https://www.soscisurvey.de/help/doku.php/de:create:inputs-single

Damit könnten Sie auch den Platz zwischen Wort-Teil und Eingabefeld weglassen.