[gelöst] FHEM TabletUI Icons und Werte in einer Zeile ausrichten

Begonnen von romakrau, 04 März 2020, 23:10:14

Vorheriges Thema - Nächstes Thema

romakrau

Hallo zusammen,
ich habe folgendes Layout in Planung:
<li data-row="1" data-col="3" data-sizex="4" data-sizey="4"> <!-- Wetter -->
<header>
<div data-type="label" class="darker big">Wetter Aktuell</div>
</header>
<div class="sheet"> <!-- Spalten 09 12 18 21 Uhr -->
<div class="row">
<div class="cell-25 darker large">Morgen
<div class="row small"
data-type="weather"
data-device="Wetter_Proplanta"
data-get="fc0_weather09Icon"
data-imageset="kleinklima">
</div>
<div class="row darker large"
data-type="label"
data-device="Wetter_Proplanta"
data-get="fc0_weather09">
</div>
<div class="row">
<div class="col-50"
data-type="symbol"
data-icon="oa-temp_temperature"
data-off-color="gray">
</div>
<div class="col-50 right"
data-type="label"
data-device="Wetter_Proplanta"
data-get="fc0_temp09"
data-unit=" %B0C%0A">
</div>
</div>
</div>
</div>
</div>
</div>
</li>

Dabei osllen die Wetterdaten in einer Spalte erscheinen. Diese Spalte soll bei Anzeige von verschiedenen Werten mit Icon versehen werden. Mir gelingt es allerdings nicht diese auf gleicher Höhe darzustellen. Wie kann ich das lösen.

Gruß
Roman


romakrau

Ein einfaches center als class löst das Problem. Steht leider nicht im WIKI.