Bekomme den Abstand nicht kleiner...

Begonnen von misux, 01 April 2018, 23:29:48

Vorheriges Thema - Nächstes Thema

misux

HI! Ich bekomme den Abstand der "Marker" leiste zu den unteren Checkboxen einfach nicht kleiner. Habe schon vieles Probiert aber es klappt nix...

Ich hätte gern den Abstand so klein wie die untere "Fenster und Tür Sensoren" Leiste.

Kann bitte jemand helfen?

Das ist mein Code:
<!-- ======================================================================================================================================== -->
<!--===================================================================MARKER================================================================--!>
<!-- ========================================================================================================================================= -->

<li data-row="9" data-col="1" data-sizex="3" data-sizey="1" class="bg-transparent">
<header>Marker</header>

<li data-row="10" data-col="1" data-sizex="1" data-sizey="1" class="bg-transparent">
<div class="top-space inline">

<div style="padding-top:0px"></div>

<div data-type="checkbox" class="cell narrow" data-on-background-color="#00FF00" data-off-color="black" data-on-color="#aa6900"
      data-device="Druckluft"
        data-get-on="on"
        data-get-off="off"
      data-set-on="on"
      data-set-off="off"></div>
<div style="padding-top:5px !important; color:#aa6900">Druckluft</div>
</div>
<!-- ========================================================================================================================================= -->
<li data-row="10" data-col="2" data-sizex="1" data-sizey="1" class="bg-transparent">
<div class="top-space inline">

<div style="padding-top:0px"></div>

<div data-type="checkbox" class="cell narrow" data-on-background-color="#00FF00" data-off-color="black" data-on-color="#aa6900"
      data-device="GartenKlingel"
        data-get-on="on"
        data-get-off="off"
      data-set-on="on"
      data-set-off="off"></div>
<div style="padding-top:5px !important; color:#aa6900">Außenklingel</div>
</div>
<!-- ============================================================================================================================================ -->
<li data-row="10" data-col="3" data-sizex="1" data-sizey="1" class="bg-transparent">
<div class="top-space inline">

<div style="padding-top:0px"></div>

<div data-type="checkbox" class="cell narrow" data-on-background-color="#00FF00" data-off-color="black" data-on-color="#aa6900"
      data-device="DavidFruehschicht"
        data-get-on="on"
        data-get-off="off"
      data-set-on="on"
      data-set-off="off"></div>
<div style="padding-top:5px !important; color:#aa6900">Frühschicht</div>
</div>
<!-- ========================================================================================================================================= -->
<li data-row="11" data-col="1" data-sizex="1" data-sizey="1" class="bg-transparent">

<div class="top-space inline">

<div style="padding-top:15px"></div>

<div data-type="checkbox" class="" data-on-background-color="#00FF00" data-off-color="black" data-on-color="#aa6900"     
        data-device="Urlaub"
        data-get-on="on"
        data-get-off="off"
      data-set-on="on"
      data-set-off="off"></div>
<div style="padding-top:10px !important; color:#aa6900">Urlaub</div>
</div>
<!-- ========================================================================================================================================= -->
<li data-row="11" data-col="2" data-sizex="1" data-sizey="1" class="bg-transparent">
<div class="top-space inline">

<div style="padding-top:15px"></div>
<div data-type="checkbox" class="" data-on-background-color="#00FF00" data-off-color="black" data-on-color="#aa6900"
      data-device="TVTime"
        data-get-on="on"
        data-get-off="off"
      data-set-on="on"
      data-set-off="off"></div>
<div style="padding-top:10px !important; color:#aa6900">TV Time</div>
</div>
<!-- ========================================================================================================================================= -->
<li data-row="11" data-col="3" data-sizex="1" data-sizey="1" class="bg-transparent">
<div class="top-space inline">

<div style="padding-top:15px"></div>
<div data-type="checkbox" class="" data-on-background-color="#00FF00" data-off-color="black" data-on-color="#aa6900"
      data-device="KINOTime"
        data-get-on="on"
        data-get-off="off"
      data-set-on="on"
      data-set-off="off"></div>
<div style="padding-top:10px !important; color:#aa6900">KINO Time</div>
</div>
</li>

<!-- =================================================================INFO=================================================================== -->
<!--=====================================================Fenster/Türsensoren Wohnbereich=======================================================--!>
<!-- ========================================================================================================================================= -->


<li data-row="12" data-col="1" data-sizex="3" data-sizey="5" class="bg-transparent">

<header>Fenster- und Türsensoren Wohnbereich</header>

<div class="top-space inline">

    <div data-type="symbol" data-device="EingangsTuer" class="large" data-get="state"
     data-substitution='["on","OFFEN","off","Geschlossen","dimdown","BATTERIE","dimup","SABOTAGE!"]'
     data-limits='["on","off","dimdown","dimup"]'
     data-icons='["oa-fts_window_1w_open","oa-fts_window_1w","oa-measure_battery_25","fa-bolt"]'
     data-colors='["#00FF00","grey","orange","#FF0000"]'></div>
    <div data-type="label" class="" style=color:#aa6900 !important">Eingang</div>   
</div>

<div class="top-space inline">
    <div data-type="symbol" data-device="BueroFenster" class="large" data-get="state"
     data-substitution='["on","OFFEN","off","Geschlossen","dimdown","BATTERIE","dimup","SABOTAGE!"]'
     data-limits='["on","off","dimdown","dimup"]'
     data-icons='["oa-fts_window_1w_open","oa-fts_window_1w","oa-measure_battery_25","fa-bolt"]'
     data-colors='["#00FF00","grey","orange","#FF0000"]'></div>
    <div data-type="label" class="" style=color:#aa6900 !important">Büro</div>
</div>


drhirn

Was machen die ganzen <li data-row="10" data-col="1" data-sizex="1" data-sizey="1" class="bg-transparent"> da? Die sind eindeutig überflüssig. Und werden auch nicht mit </li>geschlossen.

rvideobaer

Hallo,

Mit

<div class="top-space inline">

erzeugst du doch einen Abstand nach oben?

Rolf
Raspberry Pi 2, HM-Uart,1x HM-LC-Sw1PBU-FM, 1x HM-RC-2-PBU-FM,1x HM-LC-SW4-DR,1x HM-LC-Sw1-Pl-DN-R1,1x HM-TC-IT-WM-W-EU, 5x HM-CC-RT-DN und noch mehr