In einem Textfeld alles in einer Linie anzeigen
Autor: Bernhard K.
Besucht 76,
Followers 1,
Geteilt 0
Ist es möglich in einem Textfeld alles in einer Linie anzuzeigen? Ich sende ein Bild mit.
Es geht da- erste Reihe ist die Bezeichnung, die zweite sind die Preise...
Gepostet am
Dafür eignet sich das Objekt "Tabelle", hier kann man die Linien auf transparent stellen.
-----
Autor
Ja, aber das ist wegen responsive nicht so 100 %ig
Und hier 2 Tabellen, eine mit und eine ohne Ränder.
-----
Um Tabellen responsive zu machen diesen CSS- und JS-Code verwenden, siehe
>> https://helpcenter.websitex5.com/de/post/266752
Autor
Hallo Daniel
Ja, ist mir bekannt, danke, arbeite seit anfang mit x5.
Bitte um eine möglichkeit in einem Textfeld.
Am Einfachsten geht es mit einer Schriftart, bei der alle Zeichen die gleiche Breite haben.
Beispiel im Objekt "Test" mit der Schriftart "Courier New", siehe
-----
Hier weitere passende Schriftarten, siehe
-----
Die besten Google Fonts Monospace-Schriftarten:
...
(am Ende der unten verlinkten Webseite finden sich)
...
Roboto Mono
IBM Plex Mono
Space Mono
Source Code Pro
Ubuntu Mono
>> https://www.webdesign-journal.de/die-besten-google-fonts/
-----
Allerdings habe ich beim 1. Test ein seltsames Verhalten festgestellt, siehe Screenshot 1
Dann habe ich das bestehende Text-Objekt gelöscht und ein neues Text-Objekt ins Raster gezogen, dabei ist das seltsame Verhalten nicht mehr aufgetreten, siehe Screenshot 2
Dies nur als Hinweis, falls bei anderen Nutzer auch dieses seltsame Verhalten auftauchen sollte.
.
----- Screenshot: Smartphone-Simulation in Firefox (ähnlich in WebSite X5 Vorschau) -----
----
Hast du den Text irgendwo kopiert oder eigens eingegeben und danach Courier New eingestellt? Gehts hier um den Text darunter wo es nach Monospace... nichts anzeigt? Bei mir hat es normal funktioniert.
Beim meiner Testseite gab es bei schmalen Bildschirmen, sowohl in der WebSite X5 Vorschau als auch bei der Smartphone-Simulation in Firefox nach dem Hochladen, unten einen Scrollbalken.
Nach dem Neuaufbau des Text-Objekts war der Scrollbalken weg und der Text wurde umgebrochen.
Ich konnte das seltsame Verhalten nicht wiederholen, keine Ahnung warum es aufgetaucht ist.
Den Text der Preisliste habe ich vom verlinkten Screenshot in den Windows Editor getippt, kopiert und in WebSite X5 im Text-Objekt eingefügt, dann den Text formatiert und Leerzeichen hinzugefügt.
Den anderen Text habe ich von Hand im Text-Objekt eingetippt.
Es bleibt wohl ein Geheimnis warum der Text beim 1. Versuch nicht umgebrochen ist.