Hallo zusammen,
ich versuche mehrere "Switches" nebeneinander in einer Tabelle anzuordnen. Das sieht bei mir folgendermaßen aus:
li data-row="2" data-col="3" data-sizex="2" data-sizey="1">
<header>Schlafzimmer</header>
<table>
<tr>
<td>
<div data-type="switch" data-device="sz.lampe.mxxxx" data-get-on="on" data-get-off="off" class="small"></div>
<div data-type="label">Licht M.</div>
</td>
<td>
<div data-type="switch" data-device="sz.lampe.sxxxx" data-get-on="on" data-get-off="off" class="small"></div>
<div data-type="label">Licht S.</div>
</td>
</tr>
</table>
</li>
Die Symbole und der Beschriftung sind ziemlich nah aufeinander. Ihr könnt das auch auf dem angehängten Bild sehen. Das sieht einfach nicht gut aus finde ich. Wie kriegt man das denn hübscher hin ? Also zwischen den Symbolen und der Beschriftung mehr Platz. Könnt ihr mir bitte einen Tipp geben ? Vielen Dank für eure Hilfe.
Grüße
sxx128
Du könntest beim div für die Beschriftung ein Style="margin-top: 10px" einfügen
Hallo Standarduser,
der Befehl bewirkt leider nichts. Mach ich das so richtig ?
<li data-row="2" data-col="3" data-sizex="2" data-sizey="1">
<header>Schlafzimmer</header>
<table>
<tr>
<td>
<div data-type="switch" data-device="sz.lampe.xxxxx" data-get-on="on" data-get-off="off" class="small"></div>
<div data-style="margin-top: 10px" data-type="label">Licht M.</div>
</td>
<td>
<div data-type="switch" data-device="sz.lampe.sxxxxxx" data-get-on="on" data-get-off="off" class="small"></div>
<div data-style="margin-top: 10px" data-type="label">Licht S.</div>
</td>
</tr>
</table>
</li>
Irgendwas mache ich noch falsch ...
Grüße
sxx128
Wenn heißt es nur style, ohne data
style="margin-top: 10px"