FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: misux am 01 April 2018, 23:29:48

Titel: Bekomme den Abstand nicht kleiner...
Beitrag von: misux am 01 April 2018, 23:29:48
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>

Titel: Antw:Bekomme den Abstand nicht kleiner...
Beitrag von: drhirn am 04 April 2018, 14:19:06
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.
Titel: Antw:Bekomme den Abstand nicht kleiner...
Beitrag von: rvideobaer am 08 April 2018, 11:53:23
Hallo,

Mit

<div class="top-space inline">

erzeugst du doch einen Abstand nach oben?

Rolf