Servus in die Runde...
Leider stehe ich auf dem Schlauch. Ich glaube die Ausrichtung mit col 1-2 usw habe ich noch nicht wirklich verstanden.
Frage:
col 1-2, col 1-4, col 1-4 = ergibt doch ein Ganzen, also 100%?
Ist das nicht so? Da die Button mit folgendem Code nicht untereinander sind
<!DOCTYPE html>
<html>
<head></head>
<body>
<div class="page" id="content4">
<section>
<div class="large col-1-2 left-align">Bett</div>
<div data-type="switch" data-device="Bedroom_01"
class="big thin col-1-2 right-align"></div>
</section>
<section>
<div class="center">
<div class="large col-1-2 left-align">MediaPlayer Shutdown</div>
<div data-type="push" data-set-on="shutdown" data-device="Kodi_HomeCinema" class="big thin col-1-4 right-side"></div>
<div data-type="label" data-get="STATE" data-device="Kodi_HomeCinema" class="thin col-1-4 right-align"></div>
</div>
</section>
</body>
</html>
Platz ist doch genügend vorhanden.
Gruss
Marco
Weil die Icons zentriert sind. Das sieht man gut, wenn man class="bg-red" hinzufügt.
Dem kannst du entgegnen, wenn du Box und Inhalt trennst
<div class="col-1-2 left-align bg-red">
<div data-type="switch" data-device="Bedroom_01" class=""></div>
</div>
Kleiner Gedankenfehler von mir :( Du hast recht, das kann gar nicht aufgehen.
Besteht die Möglichkeit Boxen zu überlagern? Hätte gerne auf dem roten Feld Links eine Box mit einem STATE Wert. Sprich col 1-4 rechtsbündigt