row und rounds verheiraten

Begonnen von theophilou85, 01 Februar 2020, 12:52:47

Vorheriges Thema - Nächstes Thema

theophilou85

Hallo

Ich kämpfe seit ein paar Tagen 3 round-Widgets in eine Reihe zu bekommen. Ich weiß einfach nicht mehr weiter. zuerst habe ich einfach die rounds, in die row anordnen versucht, danach eine cell herumgepackt, aber der browser zeigt es mir nie so an wie ich mir das vorstelle. und es ergibt sich für mich keine logik daraus: Ich möchte bloß dass bei allen 3 Buttons der Text neben dem Icon steht. Ein ähnliches Problem habe ich mit dem Widget "Checkbox".

<div class="row">
<div class="cell">
<div class="round"
data-type="link" 
data-background-color="green"
data-color="white"
data-icon="fa-unlock"
data-fhem-cmd="set surve_disarm on">Deaktivieren
</div>
</div>
<div class="cell">
<div class="round"
data-type="link" 
data-background-color="orange"
data-color="white"
data-icon="fa-unlock-alt"
data-fhem-cmd="set surve_cancel on">Cancel
</div>
</div>
<div class="cell">
<div class="round"
data-type="link"
data-background-color="red"
data-color="white"
data-icon="fa-lock"
data-fhem-cmd="set surve_arm on">Aktivieren
</div>
</div>
</div>

MKeY

wenn ich nur deinen quellcode bei mir reinpacke, dann steht der text immer in dem round neben dem symbol.
(Chrome/IE)
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