vertikaler Strich als Begrenzung in Skala

Question

Hallo,

ist es möglich einen vertikalen Strich in eine Skala einzubauen, so wie es automatisch passiert, wenn man Ausweichoptionen angibt? Es soll eine rein optische Abgrenzung sein, ohne irgendwelche Funktionen.

Viele Grüße

Answer 1

Die Herausforderung ist, dass eine Skala ja unterschiedlich aussieht - je nachdem, ob man sie auf dem PC, auf einem kleinen Bildschirm oder auf einem Smartphone bearbeitet.

Also, ja, im Prinzip kann man mittels ein bisschen HTML und CSS schon zusätzliche Striche einbauen. Aber in der praktischen Umsetzung ist es recht aufwändig, weil man eben die ganzen unterschiedlichen Darstellungsvarianten abdecken muss.

Oftmals ist es einfacher, wenn man eine Bild-Skala verwendet und den Strich einfach direkt in die Grafik integriert, welche für die Bild-Skala verwendet wird.

Im Prinzip kann man auch die statische Darstellung bei einer voll beschrifteten Skala verwenden, und dann relativ einfach mittels CSS einen Trennstrich bei einer Spalte einfügen. Aber dann lässt sich der Fragebogen nicht mehr sinnvoll auf dem Smartphone ausfüllen. Je nach Studie füllen 0-100% der Personen den Fragebogen auf dem Mobilgerät aus - im Mittel über alle Befragungen dürften es ca. 25% der Befragten sein.

Comments

Nur damit ich es richtig verstanden habe, bei einer statischen Darstellung würde es mit einem statischen Strich funktionieren?!  Dann kläre ich das nochmal mit unserem Kunden ab und würde dann ggf. nocheinmal erfragen, wie ich diesen einbauen kann (ich nehme an, hr + transform:rotate(90deg)?) Danke für die schnelle Rückmeldung

---

> ich nehme an, hr + transform:rotate(90deg)?

Nein, stattdessen sollte für die Tabellenzellen, welche in der statischen Darstellung die Matrixstruktur "formen" auf der linken Seite ein Rand (border-left) ergänzt werden. Die unterschiedlichen Spalten in der Tabelle sollten anhand einer Klasse s2col4 (o.ä.) unterscheidbar sein. Also so etwas in der Art wie

div.AB01_qst td.s2col4 { border-left: 2px solid red; }