FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: MegaData am 21 Juni 2018, 13:00:40

Titel: Zeilenumbruch verhindern
Beitrag von: MegaData am 21 Juni 2018, 13:00:40
Hallo zusammen,

ich stehe irgendwie auf dem Schlauch... Wie kann ich denn den Zeilenumbruch bei 2 aufeinanderfolgenden Containern umgehen ? Mit Inline drum herum klappt es leider nicht :(

<div class="inline">
<div data-type="label"
data-device="Bewaesserungsinfo"
data-get="Kreis_Hinterhaus_lastend">
</div>
<div data-type="label"
data-device="Bewaesserungsinfo"
data-get="Kreis_Hinterhaus_lastend"
data-substitution="toDate().ddmm()"
class="timestamp"">
</div>
<div data-type="label"
data-device="Bewaesserungsinfo"
data-get="Kreis_Hinterhaus_lastend"
data-substitution="toDate().hhmm()"
class="timestamp">
</div> </div>


Ich möchte

Text Datum Uhrzeit

einfach in einer Reihe stehen haben :)

Vielen Dank für die Hilfe.
Titel: Antw:Zeilenumbruch verhindern
Beitrag von: yersinia am 21 Juni 2018, 14:49:51
Hallo MegaData,

mWn musst du die class inline in jedes div packen, welches in line soll:
<div class="inline">
<div data-type="label"
data-device="Bewaesserungsinfo"
data-get="Kreis_Hinterhaus_lastend"
class="timestamp inline"> <!-- <- Hier -->
</div>
<div data-type="label"
data-device="Bewaesserungsinfo"
data-get="Kreis_Hinterhaus_lastend"
data-substitution="toDate().ddmm()"
class="timestamp inline"> <!-- <- Hier -->
</div>
<div data-type="label"
data-device="Bewaesserungsinfo"
data-get="Kreis_Hinterhaus_lastend"
data-substitution="toDate().hhmm()"
class="timestamp inline"> <!-- <- Hier -->
</div> </div>

Alternativ kannst du auch das umshcließende div mit class="hbox" definieren.
Titel: Antw:Zeilenumbruch verhindern
Beitrag von: MegaData am 21 Juni 2018, 14:56:33
Wow - dankeschön, hat geklappt !