Autor Thema: TabletUI: Anzeige Werte nebeneinander darstellen und Text ausrichten  (Gelesen 332 mal)

Offline stobor

  • Full Member
  • ***
  • Beiträge: 489
Hallo,
ich versuche gerade, ein paar "Texte" auszurichten. Leider klappt es bei mir nicht so ganz. Hat jemand ein paar Tipps für mich?

<li data-row="1" data-col="5" data-sizex="3" data-sizey="4">

<div class="sheet">
<div class="row">
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">morgens</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherMorningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherMorning" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain06" data-unit="%" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">mittags</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain12" data-unit="%" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">abends</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherEveningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherEvening" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain18" data-unit="%" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
</div>

...


<div class="sheet top-space-2x"">
<div class="row">
<div class="col-1-6">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_date" style="margin-bottom:5px" data-substitution="toDate().ee()"  class="bold great inline" data-color="lightgrey"></div>
</div>
<div class="col-1-4">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="cell half-transparent small"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherMorning" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","white"]'></div>
</div>
<div class="col-1-4">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="cell half-transparent small"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","white"]'></div>
</div>
<div class="col-1-4">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="cell half-transparent small"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherEvening" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","white"]'></div>
</div>
</div>
</div>

...


Wie kann ich:
1. Die Temperatur und Regenwahrscheinlichkeit nebeneinander darstellen (z.B.: 15°C / 0%)?
2. Die abgekürzten Wochentage etwas nach unten verschieben?

Danke für eure Hilfe.
Intel NUC (Ubuntu 20.04.1 LTS)  mit CUL V3.2 (Firmware 1.57 CUL868) für FS20 und CUL V3.4 (Firmware 1.57 CUL868) für HM + Arduino Uno R3 DIL
FHEM Revision: 19973
FS20-Schalter und Dimmer
HM Fensterkontakte, Heizungsthermostate, Temperatursensoren