Abstände zwischen den Symbolen ?

[sxx128]

Hallo zusammen,

ich versuche mehrere "Switches" nebeneinander in einer Tabelle anzuordnen. Das sieht bei mir folgendermaßen aus:

Code Auswählen Erweitern


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

[Standarduser]

Du könntest beim div für die Beschriftung ein Style="margin-top: 10px" einfügen

[sxx128]

Hallo Standarduser,

der Befehl bewirkt leider nichts. Mach ich das so richtig ?

Code Auswählen Erweitern



<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

[TWART016]

Wenn heißt es nur style, ohne data

Code Auswählen Erweitern

style="margin-top: 10px"