Autor Thema: zwei Zeilen eng aneinander  (Gelesen 232 mal)

Offline ulli

  • Full Member
  • ***
  • Beiträge: 479
zwei Zeilen eng aneinander
« am: 10 Dezember 2017, 20:30:54 »
ich bin am verzweifeln. Ich schaffe es einfach nicht in einer Row zwei Werte (Temperatur und Feuchte) eng untereinander zu schreiben und damit die gesamte Row in der Höhe klein zu halten.

<div class="row">

<div class="cell left-align left-space">
<div data-type="symbol" data-device="var_device" data-states='["closed","off","open","on","undefined"]' data-colors='["blue","blue","red","red","red"]' data-color="blue" data-icon="var_icon" class="big compressed"></div>
</div>

<div class="cell-20 left-align">
<div class="big">var_name</div>
</div>

<div class="cell-60 right-align">
<div class="row">
<div class="cell">Temperatur:</div>
<div class="cell" data-type="label" data-device="var_device" data-get="temperature" data-limits='[-73,15,25]' data-colors='["cornflowerblue","green","firebrick"]' data-unit="%B0C"></div>
</div>
<div class="row">
<div class="cell">Luftfeuchigkeit:</div>
<div class="cell" data-type="label" data-device="var_device" data-get="humidity" data-limits='[0,40,60]' data-colors='["cornflowerblue","green","firebrick"]' data-unit="%"></div>
</div>
</div>

<div class="cell">
</div>
<div class="cell right-align"></div>

</div>
FHEM auf Beaglebone Black mit Debian.
1x Jeenode (433MHz): IR send/receive; Baumarkt Funksteckdosen HX2262 send/receive; LEDs
1x Jeenode (868MHz): FS20 send/receive; 2x Heizungsthermostate ETH200 comfort; 2x LaCrosse Temperatursensoren (send)/receive; Piezo Summer für akustische Rückmeldung

Offline MKeY

  • Jr. Member
  • **
  • Beiträge: 84
Antw:zwei Zeilen eng aneinander
« Antwort #1 am: 10 Dezember 2017, 21:58:04 »
die class "Cell" ist mit einem Außenrahmen von 10px standardmäßig definiert, damit ist der Abstand fest
probier es mal ungetestet so, danach ggf mit centered oder top-space usw anordnen

<div class="row">

<div class="cell left-align left-space">
<div data-type="symbol" data-device="var_device" data-states='["closed","off","open","on","undefined"]' data-colors='["blue","blue","red","red","red"]' data-color="blue" data-icon="var_icon" class="big compressed"></div>
</div>

<div class="cell-20 left-align">
<div class="big">var_name</div>
</div>

<div class="cell-60 right-align">
<div class="row">
<div class="">Temperatur:</div>
<div class="" data-type="label" data-device="var_device" data-get="temperature" data-limits='[-73,15,25]' data-colors='["cornflowerblue","green","firebrick"]' data-unit="%B0C"></div>
</div>
<div class="row">
<div class="">Luftfeuchigkeit:</div>
<div class="" data-type="label" data-device="var_device" data-get="humidity" data-limits='[0,40,60]' data-colors='["cornflowerblue","green","firebrick"]' data-unit="%"></div>
</div>
</div>

<div class="cell">
</div>
<div class="cell right-align"></div>

</div>
Wer Fehler findet, darf sie behalten!