Webentwicklung für den im Simulator integrierten Browser - Versionsgeschichte

Johannes: /* Sound abspielen */ MP3-Patente ausgelaufen

2017-09-16T21:48:32Z

Sound abspielen: MP3-Patente ausgelaufen

← Nächstältere Version		Version vom 16. September 2017, 23:48 Uhr
Zeile 36:		Zeile 36:
	==== Sound abspielen ====		==== Sound abspielen ====
	Als Gimmick könnte man bei der Einblendung eines individuellen Befehls ein vorproduziertes „Zugfunkgespräch“ zwischen Tf und Fdl einspielen.		Als Gimmick könnte man bei der Einblendung eines individuellen Befehls ein vorproduziertes „Zugfunkgespräch“ zwischen Tf und Fdl einspielen.
	Ab IE 9 wird hierfür das HTML5-Audio-Tag unterstützt. Leider kann der IE9 dabei nur die Formate MP3 und AAC abspielen. Aufgrund von Lizenzgebührforderungen der MP3-Patenthalter ~~scheidet~~ die Verwendung von MP3 im offiziellen Zusi-Datenbestand ~~allerdings~~ aus (Die Patente sind ~~wohl~~ inzwischen ~~in Deutschland~~ abgelaufen. ~~Da Zusi 3 allerdings im Prinzip weltweit vertrieben wird, muss auch die Patentsituation in anderen Ländern berücksichtigt werden)~~.		Ab IE 9 wird hierfür das HTML5-Audio-Tag unterstützt. Leider kann der IE9 dabei nur die Formate MP3 und AAC abspielen. Aufgrund von Lizenzgebührforderungen der MP3-Patenthalter schied die Verwendung von MP3 im offiziellen Zusi-Datenbestand bislang aus. Die Patente sind allerdings inzwischen weltweit abgelaufen [https://www.heise.de/newsticker/meldung/Fraunhofer-IIS-Lizenzprogramm-fuer-MP3-endet-3714367.html]. AAC hat den Vorteil, dass bei der Verteilung von AAC-Dateien auf Datenträgern keine Patentgebühren fällig werden. Ob MP3- oder AAC-Dateien Teil des offiziellen Zusi-Datenbestands werden können, muss jedoch (Stand September 2017) noch abschließend von Firma Hölscher entschieden werden.
	AAC hat den Vorteil, dass bei der Verteilung von AAC-Dateien auf Datenträgern keine Patentgebühren fällig werden. Ob AAC-Dateien Teil des offiziellen Zusi-Datenbestands werden können, muss jedoch (Stand ~~Januar 2016~~) noch abschließend von Firma Hölscher entschieden werden.

	Eine Alternative, die sogar zum IE 6 kompatibel ist, ist die Verwendung des <bgsound>-Elements. Damit ist auch das Abspielen von wav-Dateien möglich.		Eine Alternative, die sogar zum IE 6 kompatibel ist, ist die Verwendung des <bgsound>-Elements. Damit ist auch das Abspielen von wav-Dateien möglich.

AMeschede: ist jetzt live

2016-06-11T08:59:40Z

ist jetzt live

← Nächstältere Version		Version vom 11. Juni 2016, 10:59 Uhr
Zeile 42:		Zeile 42:

	==== Besondere Durchstreichungen ====		==== Besondere Durchstreichungen ====
	Exemplarisch wird hier die Umsetzung von schrägen Durchstreichungen in Befehlen (<code>Signals\Deutschland\Befehle\*.htm</code>) erläutert. ~~In der Version~~ 3~~.1.0.0 ist dieses Gimmick noch nicht enthalten, ersatzweise sei~~ für ~~den CSS-Code auf~~ die ~~(unvollständigen) Codebeispiele [http://forum.zusi.de/viewtopic.php?f=47&t=12371 im Forum] verwiesen~~.		Exemplarisch wird hier die Umsetzung von schrägen Durchstreichungen in Befehlen (<code>Signals\Deutschland\Befehle\*.htm</code>) erläutert. Dieses Feature ist ab Addon Nr. 3 für die Installationsversion 1 umgesetzt.

	===== Normale Ansicht: =====		===== Normale Ansicht: =====

F. Schn.: Wenn man schon die korrekten Anführungszeichen nimmt, sollte man auch die richtigen nehmen. ;)

2016-03-09T18:24:41Z

Wenn man schon die korrekten Anführungszeichen nimmt, sollte man auch die richtigen nehmen. ;)

Johannes: /* Zu testende Konfigurationen */ +caniuse

2016-01-21T10:49:01Z

Zu testende Konfigurationen: +caniuse

← Nächstältere Version		Version vom 21. Januar 2016, 12:49 Uhr
Zeile 18:		Zeile 18:
	* Internet Explorer 8 (sollte zumindest akzeptabel aussehen)		* Internet Explorer 8 (sollte zumindest akzeptabel aussehen)
	* Aktueller Gecko (z.B. Firefox)		* Aktueller Gecko (z.B. Firefox)
	Zum Testen im IE bietet Microsoft [https://dev.windows.com/en-us/microsoft-edge/tools/vms/ virtuelle Maschinen] mit vorinstalliertem IE in verschiedenen Versionen an.		Zum Testen im IE bietet Microsoft [https://dev.windows.com/en-us/microsoft-edge/tools/vms/ virtuelle Maschinen] mit vorinstalliertem IE in verschiedenen Versionen an. In welchen Browserversionen ein Feature genutzt werden kann, verrät einem [http://caniuse.com/ Can I use] (ein Klick auf "Show all" zeigt auch ältere Browserversionen).

	Der Test sollte umfassen:		Der Test sollte umfassen:

Johannes: /* Einbinden externer Dateien in Befehlsvorlagen */ Webfonts

2016-01-21T10:46:44Z

Einbinden externer Dateien in Befehlsvorlagen: Webfonts

← Nächstältere Version		Version vom 21. Januar 2016, 12:46 Uhr
Zeile 75:		Zeile 75:

	Das Einbinden externer Dateien (Bilder, CSS, ...) in Befehls''vorlagen'' (nicht komplett individuelle Befehls-HTMLs) gestaltet sich schwierig, da die ausgefüllte Befehlsdatei vom Simulator im Temp-Verzeichnis abgelegt wird. Stattdessen nutzt man für CSS das <code>style</code>-Tag und für andere Dateien [https://en.wikipedia.org/wiki/Data_URI_scheme Data-URIs].		Das Einbinden externer Dateien (Bilder, CSS, ...) in Befehls''vorlagen'' (nicht komplett individuelle Befehls-HTMLs) gestaltet sich schwierig, da die ausgefüllte Befehlsdatei vom Simulator im Temp-Verzeichnis abgelegt wird. Stattdessen nutzt man für CSS das <code>style</code>-Tag und für andere Dateien [https://en.wikipedia.org/wiki/Data_URI_scheme Data-URIs].

			Auf das Einbinden von Dateien aus dem Internet (Bilder, Webfonts, ...) sollte man verzichten. Zusi liefert die Schriftart Open Sans im Ordner <code>_Setup\timetable_basics</code> mit.

Johannes: /* Normale Ansicht: */ +ViewBox

2016-01-21T10:39:32Z

Normale Ansicht:: +ViewBox

← Nächstältere Version		Version vom 21. Januar 2016, 12:39 Uhr
Zeile 46:		Zeile 46:
	===== Normale Ansicht: =====		===== Normale Ansicht: =====
	* Für das schräge Durchstreichen sorgt eine SVG-Datei als CSS-Hintergrund. Sie enthält eine blaue Linie von links unten bis rechts oben und wird mittels <code>background-size: 100% 100%</code> auf die Breite des durchzustreichenden <code>span</code>-Elements gestreckt. Sie ist als Data-URI direkt in die HTML-Datei eingebunden.		* Für das schräge Durchstreichen sorgt eine SVG-Datei als CSS-Hintergrund. Sie enthält eine blaue Linie von links unten bis rechts oben und wird mittels <code>background-size: 100% 100%</code> auf die Breite des durchzustreichenden <code>span</code>-Elements gestreckt. Sie ist als Data-URI direkt in die HTML-Datei eingebunden.
			** Da anscheinend die SVG-Datei zuerst in der Größe ihrer viewBox gerendert und dann als Bild skaliert wird, ist die viewBox-Breite auf 1000 Pixel festgelegt, um eine ansprechende Qualität zu erhalten.
	* IE8 unterstützt keine SVG-Dateien. Daher wird mittels eines CSS-Hacks (Selektor <code>html:not([ie8andbelow])</code>) für IE8 ersatzweise eine PNG-Datei mit einem dicken geraden blauen Strich als Hintergrundbild eingebunden.		* IE8 unterstützt keine SVG-Dateien. Daher wird mittels eines CSS-Hacks (Selektor <code>html:not([ie8andbelow])</code>) für IE8 ersatzweise eine PNG-Datei mit einem dicken geraden blauen Strich als Hintergrundbild eingebunden.

Johannes: Formatierung

2016-01-21T10:37:42Z

Formatierung

← Nächstältere Version		Version vom 21. Januar 2016, 12:37 Uhr
Zeile 61:		Zeile 61:
	Ein CSS-Block, der das Rotieren von Text in allen gängigen Browsern ab ihren frühestmöglichen Versionen ermöglicht, sieht also so aus:		Ein CSS-Block, der das Rotieren von Text in allen gängigen Browsern ab ihren frühestmöglichen Versionen ermöglicht, sieht also so aus:

	<~~code~~><nowiki>		<pre><nowiki>
	#dreh90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);		#dreh90 {
	-webkit-transform: rotate(-90deg);		filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-moz-transform: rotate(-90deg);		-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);		-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);}		-o-transform: rotate(-90deg);
	</nowiki></~~code~~>		transform: rotate(-90deg);
			}
			</nowiki></pre>

	== Einbinden externer Dateien in Befehlsvorlagen ==		== Einbinden externer Dateien in Befehlsvorlagen ==

	Das Einbinden externer Dateien (Bilder, CSS, ...) in Befehls''vorlagen'' (nicht komplett individuelle Befehls-HTMLs) gestaltet sich schwierig, da die ausgefüllte Befehlsdatei vom Simulator im Temp-Verzeichnis abgelegt wird. Stattdessen nutzt man für CSS das <code>style</code>-Tag und für andere Dateien [https://en.wikipedia.org/wiki/Data_URI_scheme Data-URIs].		Das Einbinden externer Dateien (Bilder, CSS, ...) in Befehls''vorlagen'' (nicht komplett individuelle Befehls-HTMLs) gestaltet sich schwierig, da die ausgefüllte Befehlsdatei vom Simulator im Temp-Verzeichnis abgelegt wird. Stattdessen nutzt man für CSS das <code>style</code>-Tag und für andere Dateien [https://en.wikipedia.org/wiki/Data_URI_scheme Data-URIs].

AMeschede am 21. Januar 2016 um 08:00 Uhr

2016-01-21T08:00:49Z

← Nächstältere Version		Version vom 21. Januar 2016, 10:00 Uhr
Zeile 10:		Zeile 10:
	== Zu testende Konfigurationen ==		== Zu testende Konfigurationen ==

	Auf Rechnern mit Windows Vista oder neuer wird der Zusi-integrierte Webbrowser standardmäßig immer auf dem Feature-Level des Internet Explorer 7 gestartet, und zwar auch dann, wenn auf dem Desktop eine neuere IE-Version zur Verfügung steht. Da die minimale Systemanforderung von Zusi derzeit Windows XP ist, muss man bei der Web-Entwicklung für den Zusi-integrierten Browser theoretisch auch davon ausgehen, dass zur Darstellung nur der IE 6 zur Verfügung steht. In der Praxis sollte man aber ~~davon ausgehen~~, dass die wenigen ~~verblieben~~ Windows-XP-Systeme zumindest den IE 8 (letzte noch für XP erschienene Version) installiert haben.		Auf Rechnern mit Windows Vista oder neuer wird der Zusi-integrierte Webbrowser standardmäßig immer auf dem Feature-Level des Internet Explorer 7 gestartet, und zwar auch dann, wenn auf dem Desktop eine neuere IE-Version zur Verfügung steht. Da die minimale Systemanforderung von Zusi derzeit Windows XP ist, muss man bei der Web-Entwicklung für den Zusi-integrierten Browser theoretisch auch davon ausgehen, dass zur Darstellung nur der IE 6 zur Verfügung steht. In der Praxis sollte man aber annehmen, dass die wenigen verbliebenen Windows-XP-Systeme zumindest den IE 8 (letzte noch für XP erschienene Version) installiert haben.

	Unter Wine wird zur HTML-Anzeige ein Gecko-Derivat (ähnlich Firefox) verwendet. Zwar kann man mit dem <code>winetricks</code>-Tool auch einen Original-IE (bis Version 8) installieren, für Zusi ist das jedoch nicht notwendig.		Unter Wine wird zur HTML-Anzeige ein Gecko-Derivat (ähnlich Firefox) verwendet. Zwar kann man mit dem <code>winetricks</code>-Tool auch einen Original-IE (bis Version 8) installieren, für Zusi ist das jedoch nicht notwendig.
Zeile 59:		Zeile 59:

	Der Internet-Explorer unterstützt CSS3 2D-Transformation erst ab IE 9 (mit <code>ms-transform</code>) bzw. ab IE 10 mit <code>transform</code>. Es gibt allerdings schon seit IE 6 die Möglichkeit, eine DirectX-basierte Transformation nutzen zu können. Eine Erhöhung des IE-Feature-Levels ist deshalb für diesen Anwendungsfall eigentlich nicht notwendig.		Der Internet-Explorer unterstützt CSS3 2D-Transformation erst ab IE 9 (mit <code>ms-transform</code>) bzw. ab IE 10 mit <code>transform</code>. Es gibt allerdings schon seit IE 6 die Möglichkeit, eine DirectX-basierte Transformation nutzen zu können. Eine Erhöhung des IE-Feature-Levels ist deshalb für diesen Anwendungsfall eigentlich nicht notwendig.
	Ein CSS-Block, der das Rotieren von Text in allen gängigen ~~Browser~~ ab ihren frühestmöglichen Versionen ermöglicht, sieht also so aus:		Ein CSS-Block, der das Rotieren von Text in allen gängigen Browsern ab ihren frühestmöglichen Versionen ermöglicht, sieht also so aus:

	<code><nowiki>		<code><nowiki>

AMeschede: /* Text rotieren */

2016-01-21T07:57:31Z

Text rotieren

← Nächstältere Version		Version vom 21. Januar 2016, 09:57 Uhr
Zeile 56:		Zeile 56:

	==== Text rotieren ====		==== Text rotieren ====
			Praxis-Anwendungsbeispiel: Bremszettel wie V408.0312V01.

			Der Internet-Explorer unterstützt CSS3 2D-Transformation erst ab IE 9 (mit <code>ms-transform</code>) bzw. ab IE 10 mit <code>transform</code>. Es gibt allerdings schon seit IE 6 die Möglichkeit, eine DirectX-basierte Transformation nutzen zu können. Eine Erhöhung des IE-Feature-Levels ist deshalb für diesen Anwendungsfall eigentlich nicht notwendig.
			Ein CSS-Block, der das Rotieren von Text in allen gängigen Browser ab ihren frühestmöglichen Versionen ermöglicht, sieht also so aus:

			<code><nowiki>
			#dreh90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg);}
			</nowiki></code>

	== Einbinden externer Dateien in Befehlsvorlagen ==		== Einbinden externer Dateien in Befehlsvorlagen ==

	Das Einbinden externer Dateien (Bilder, CSS, ...) in Befehls''vorlagen'' (nicht komplett individuelle Befehls-HTMLs) gestaltet sich schwierig, da die ausgefüllte Befehlsdatei vom Simulator im Temp-Verzeichnis abgelegt wird. Stattdessen nutzt man für CSS das <code>style</code>-Tag und für andere Dateien [https://en.wikipedia.org/wiki/Data_URI_scheme Data-URIs].		Das Einbinden externer Dateien (Bilder, CSS, ...) in Befehls''vorlagen'' (nicht komplett individuelle Befehls-HTMLs) gestaltet sich schwierig, da die ausgefüllte Befehlsdatei vom Simulator im Temp-Verzeichnis abgelegt wird. Stattdessen nutzt man für CSS das <code>style</code>-Tag und für andere Dateien [https://en.wikipedia.org/wiki/Data_URI_scheme Data-URIs].

Johannes: + Einbinden externer Dateien in Befehlsvorlagen

2016-01-21T00:38:52Z

+ Einbinden externer Dateien in Befehlsvorlagen

← Nächstältere Version		Version vom 21. Januar 2016, 02:38 Uhr
Zeile 56:		Zeile 56:

	==== Text rotieren ====		==== Text rotieren ====

			== Einbinden externer Dateien in Befehlsvorlagen ==

			Das Einbinden externer Dateien (Bilder, CSS, ...) in Befehls''vorlagen'' (nicht komplett individuelle Befehls-HTMLs) gestaltet sich schwierig, da die ausgefüllte Befehlsdatei vom Simulator im Temp-Verzeichnis abgelegt wird. Stattdessen nutzt man für CSS das <code>style</code>-Tag und für andere Dateien [https://en.wikipedia.org/wiki/Data_URI_scheme Data-URIs].

← Nächstältere Version		Version vom 9. März 2016, 20:24 Uhr
Zeile 3:		Zeile 3:

	* Darstellung einer Begrüßung nach dem Laden eines Fahrplans		* Darstellung einer Begrüßung nach dem Laden eines Fahrplans
	* Einblendung eines ~~„Anfangsbefehls”~~ nach dem Aufgleisen eines Zuges		* Einblendung eines „Anfangsbefehls“ nach dem Aufgleisen eines Zuges
	* Einblendung von vorkonfigurierten oder individuellen Befehlsformularen bei der Fahrt des Zuges		* Einblendung von vorkonfigurierten oder individuellen Befehlsformularen bei der Fahrt des Zuges

Zeile 18:		Zeile 18:
	* Internet Explorer 8 (sollte zumindest akzeptabel aussehen)		* Internet Explorer 8 (sollte zumindest akzeptabel aussehen)
	* Aktueller Gecko (z.B. Firefox)		* Aktueller Gecko (z.B. Firefox)
	Zum Testen im IE bietet Microsoft [https://dev.windows.com/en-us/microsoft-edge/tools/vms/ virtuelle Maschinen] mit vorinstalliertem IE in verschiedenen Versionen an. In welchen Browserversionen ein Feature genutzt werden kann, verrät einem [http://caniuse.com/ Can I use] (ein Klick auf "Show all" zeigt auch ältere Browserversionen).		Zum Testen im IE bietet Microsoft [https://dev.windows.com/en-us/microsoft-edge/tools/vms/ virtuelle Maschinen] mit vorinstalliertem IE in verschiedenen Versionen an. In welchen Browserversionen ein Feature genutzt werden kann, verrät einem [http://caniuse.com/ Can I use] (ein Klick auf ''Show all'' zeigt auch ältere Browserversionen).

	Der Test sollte umfassen:		Der Test sollte umfassen:
Zeile 35:		Zeile 35:
	=== Beispiele für wünschenswerte Erhöhung des Feature-Levels ===		=== Beispiele für wünschenswerte Erhöhung des Feature-Levels ===
	==== Sound abspielen ====		==== Sound abspielen ====
	Als Gimmick könnte man bei der Einblendung eines individuellen Befehls ein vorproduziertes ~~"Zugfunkgespräch"~~ zwischen Tf und Fdl einspielen.		Als Gimmick könnte man bei der Einblendung eines individuellen Befehls ein vorproduziertes „Zugfunkgespräch“ zwischen Tf und Fdl einspielen.
	Ab IE 9 wird hierfür das HTML5-Audio-Tag unterstützt. Leider kann der IE9 dabei nur die Formate MP3 und AAC abspielen. Aufgrund von Lizenzgebührforderungen der MP3-Patenthalter scheidet die Verwendung von MP3 im offiziellen Zusi-Datenbestand allerdings aus (Die Patente sind wohl inzwischen in Deutschland abgelaufen. Da Zusi 3 allerdings im Prinzip weltweit vertrieben wird, muss auch die Patentsituation in anderen Ländern berücksichtigt werden).		Ab IE 9 wird hierfür das HTML5-Audio-Tag unterstützt. Leider kann der IE9 dabei nur die Formate MP3 und AAC abspielen. Aufgrund von Lizenzgebührforderungen der MP3-Patenthalter scheidet die Verwendung von MP3 im offiziellen Zusi-Datenbestand allerdings aus (Die Patente sind wohl inzwischen in Deutschland abgelaufen. Da Zusi 3 allerdings im Prinzip weltweit vertrieben wird, muss auch die Patentsituation in anderen Ländern berücksichtigt werden).
	AAC hat den Vorteil, dass bei der Verteilung von AAC-Dateien auf Datenträgern keine Patentgebühren fällig werden. Ob AAC-Dateien Teil des offiziellen Zusi-Datenbestands werden können, muss jedoch (Stand Januar 2016) noch abschließend von Firma Hölscher entschieden werden.		AAC hat den Vorteil, dass bei der Verteilung von AAC-Dateien auf Datenträgern keine Patentgebühren fällig werden. Ob AAC-Dateien Teil des offiziellen Zusi-Datenbestands werden können, muss jedoch (Stand Januar 2016) noch abschließend von Firma Hölscher entschieden werden.
Zeile 50:		Zeile 50:

	===== Druckansicht: =====		===== Druckansicht: =====
	* Die Durchstreichungen sollen unabhängig von der Einstellung "Hintergrund drucken" gedruckt werden. Daher scheidet die Verwendung von Hintergrundbildern (sowohl SVG als auch PNG) aus. Stattdessen wird die normale CSS-Eigenschaft <code>text-decoration: line-through</code> verwendet.		* Die Durchstreichungen sollen unabhängig von der Einstellung ''Hintergrund drucken'' gedruckt werden. Daher scheidet die Verwendung von Hintergrundbildern (sowohl SVG als auch PNG) aus. Stattdessen wird die normale CSS-Eigenschaft <code>text-decoration: line-through</code> verwendet.
	* IE8 unterstützt keine Media-Queries (<code>@media print { ... }</code>). Daher liegen die Deklarationen für das Druck-Stylesheet in einem eigenen <code>style</code>-Tag mit dem Attribut <code>media="print"</code>.		* IE8 unterstützt keine Media-Queries (<code>@media print { ... }</code>). Daher liegen die Deklarationen für das Druck-Stylesheet in einem eigenen <code>style</code>-Tag mit dem Attribut <code>media="print"</code>.
	* Im Druck-Stylesheet wird zunächst sowohl für IE8 als auch für IE9 und höher der Hintergrund per <code>background: none</code> gelöscht, damit bei aktivierter Option "Hintergrund drucken" nicht gerade ''und'' schräg durchgestrichen wird.		* Im Druck-Stylesheet wird zunächst sowohl für IE8 als auch für IE9 und höher der Hintergrund per <code>background: none</code> gelöscht, damit bei aktivierter Option ''Hintergrund drucken'' nicht gerade ''und'' schräg durchgestrichen wird.
	* Die Durchstreichungen sollen in blauer Farbe, der Text in schwarzer Farbe erscheinen. Dies wird durch das Schachteln zweier <code>span</code>-Elemente erreicht: Der äußere hat eine blaue Textfarbe und bekommt im Durchstreichfall das <code>text-decoration</code>-Attribut. Der innere (<code>class="durchstr-helfer"</code>) enthält den durchzustreichenden Text und bekommt eine schwarze Textfarbe zugewiesen.		* Die Durchstreichungen sollen in blauer Farbe, der Text in schwarzer Farbe erscheinen. Dies wird durch das Schachteln zweier <code>span</code>-Elemente erreicht: Der äußere hat eine blaue Textfarbe und bekommt im Durchstreichfall das <code>text-decoration</code>-Attribut. Der innere (<code>class="durchstr-helfer"</code>) enthält den durchzustreichenden Text und bekommt eine schwarze Textfarbe zugewiesen.
	* In den Befehlsformularen gibt es (vom Lokführer auszufüllende) unterstrichene Felder, die ein <code>margin</code> haben. Werden diese Felder durchgestrichen, so wird die Durchstreichung am <code>margin</code> unterbrochen. Daher wurde bei Feldern, die auch durchgestrichen sein können, <code>margin</code> auf 0 gesetzt und durch im HTML-Code manuell eingefügte <code>&nbsp;</code> ersetzt.		* In den Befehlsformularen gibt es (vom Lokführer auszufüllende) unterstrichene Felder, die ein <code>margin</code> haben. Werden diese Felder durchgestrichen, so wird die Durchstreichung am <code>margin</code> unterbrochen. Daher wurde bei Feldern, die auch durchgestrichen sein können, <code>margin</code> auf 0 gesetzt und durch im HTML-Code manuell eingefügte <code>&nbsp;</code> ersetzt.