Hallo zusammen,
ich habe ein Problem mit dem Tablet UI und HTML.... fange grade erst an meine ersten Schritte in HTML zu laufen. Sitzt aber jetzt schon zwei Stunden an diesem kleinen Problem und bekomme es aber nicht hin....
Also hier erst einmal der Code, es geht um die Anwesenheit zuhause über Wlan
<li data-row="2" data-col="1" data-sizex="2" data-sizey="1">
<header>Anwesenheit</header>
<div class="top-space">
<div data-type="switch" class="inline"
data-device="Klausnt"
data-set-off="absent"
data-states='["present","absent"]'
data-icons='["fa-home", "fa-car"]'
data-colors='["white", "white"]'
data-background-colors='["green", "red"]'
class=""></div>
<div data-type="label" class="inline">Klaus</div>
<div data-type="switch" class="inline"
data-device="Herbert"
data-set-on="present"
data-set-off="absent"
data-states='["present","absent"]'
data-icons='["fa-home", "fa-car"]'
data-colors='["white", "white"]'
data-background-colors='["green", "red"]'
class=""></div>
<div data-type="label" class="inline">Peter</div>
</li>
und hier das Bild.......
Ich möchte aber , das die Namen unter den Icons stehen und nicht rechts daneben...bekomme ich aber mit diesem code nicht mit....
ich habs jetzt nicht ausprobiert, aber laut Deinem Code sollen alle 4 Angaben "inline", also in einer Zeile sein, das sind sie auch ;)
Es gibt in diesem Thread : https://forum.fhem.de/index.php/topic,37378.0.html (https://forum.fhem.de/index.php/topic,37378.0.html) viele Beispiele, bei denen man häufig auch Teile kopieren kann, oder diese als Basis für Änderungen erstmal als Ganzes übernimmt.
Generell sollte Dein Problem aber dadurch zu lösen sein, dass Du jeweils ein Label mit zugehörigem Button noch mit einem
<div class="cell left"> oder mit anderer Ausrichtung umgibst. Es kann aber auch schon reichen einfach die richtige Ausrichtung anzugeben ohne eine "cell" darum zu machen.