Werte nebeneinander anordnen ?

Begonnen von sxx128, 20 Juli 2017, 20:22:14

Vorheriges Thema - Nächstes Thema

sxx128

Hallo zusammen,

ich möchte gerne die Temperatur und Luftfeuchtigkeit in einem Widget nebeneinander anordnen und in meinem Tablet UI darstellen. Ich kriege es einfach nicht hin. Ich dachte "inline" wäre das Mittel der wahl. Könnt ihr mal bitte schauen was ich falsch mache ????? Die Temperatur und Luftfeuchtigkeit wir bei mir untereinander angeordnet:


<li data-row="1" data-col="4" data-sizex="4" data-sizey="1">
<div class="inline">
<div data-type="label" data-device="Hideki_30_1" data-get="temperature" data-unit="%B0C%0A" class="bigger"></div>
<div class="inline">
<div data-type="label" data-device="Hideki_30_1" data-get= "humidity" data-unit="%" class="bigger"></div>
</li>


Vielen Dank für eure Hilfe

Grüße
sxx128
Hardware: Raspberryy PI 4
CC1101-USB-Lite 868MHz/Culfw-1.66
HM-MOD-RPI-PCB
Komponenten: Homematic/Homematic IP/Zigbee
PiVCCU

MKeY

<li data-row="1" data-col="4" data-sizex="4" data-sizey="1">
<div class="">
<div data-type="label" data-device="Hideki_30_1" data-get="temperature" data-unit="%B0C%0A" class="bigger inline"></div>
<div class="">
<div data-type="label" data-device="Hideki_30_1" data-get= "humidity" data-unit="%" class="bigger inline"></div>
</li>


du hast es an der falschen Stelle m.E.n.
Wer Fehler findet, darf sie behalten!
RPi's, D1Mini
Homematic, Hue, Sonoff, Alexa, Xiaomi, ConBee
Prusa MK2.5, Prusa MK3S (MMU2S vorhanden, aber nervtötend)
Lowrider 2CNC

coolice

Guten Morgen zusammen, ich versuche auch eine Bezeichnung und eine Checkbox nebeneinander anzuordnen mit
<li data-row="5" data-col="2" data-sizex="4" data-sizey="7">
<header>LICHT</header>
<div >Schlafzimmer</div>
<div class="">
<div data-type="checkbox"
     data-device="OG.sz.LI"
     data-set-on="on"
     data-set-off="off"
     data-get-on="on"
     data-get-off="off"
     class="inline"></div>

<div >Wohnzimmer</div>
<div class="">
<div data-type="checkbox"
     data-device="LightScene"
     data-set-on="scene minimal"
     data-set-off="scene guteNacht"
     data-get-on="minimal"
     data-get-off="guteNacht"
     class="inline"></div>
</li>

doch sie werden untereinander angezeigt. Sagt mir jemand wo mein Fehler liegt? Danke

Standarduser

Class="inline" ist an einem div angegeben, das keine Nachbarn besitzt, die daneben liegen könnten.
Außerdem ist die Verschachtelung nicht korrekt, denn es werden nicht alle DIVs geschlossen. Schau da nochmal genau hin.