(ERLEDIGT) Abstand (horizontal) in einer inline vergrößern?

[misux]

HI!

Könnte mir bitte jemand verraten wie ich den Abstand vergrößern kann zwischen dem "markierten Zeilen"

Vielen Dank!

DerCode:

Code Auswählen Erweitern

<li data-row="9" data-col="1" data-sizex="5" data-sizey="1" class="bg-transparent">
<header><div data-type="label"
     data-device="Wetter"
     data-get="fc3_day_of_week"
     class="bigger"></div>
</header>
<div class="sheet large">
    <div class="inline">
             <div data-type="weather" data-device="Proplanta" data-get="fc2_weatherDay" data-imageset="kleinklima" class="centered" style="width:150px;"></div>
             <!--div data-type="label" data-device="Proplanta" data-get="fc2_weatherDay" class="narrow newline"></div-->
    </div>
    <div class="inline top">
        <div class="wide">
             <div class="medium inline">Max Temp:</div>
             <div data-type="label" data-device="Proplanta" data-get="fc2_tempMax" data-unit="°C&nbsp;" class="big inline"></div>
        </div>
        <div class="wide">
             <div class="medium top-space inline">Regen:</div>
             <div data-type="label" data-device="Proplanta" data-get="fc2_chOfRainDay" data-unit="%" data-limits='[0,40,80]' data-colors='["green","#aa6900","firebrick"]' class="medium inline"></div>
        </div>
        <div class="wide">
             <div class="medium inline">Sonne:</div>
             <div data-type="label" data-device="Proplanta" data-get="fc2_sun" data-limits='[0,40,80]' data-colors='["firebrick","#aa6900","green"]' data-unit="%" class="medium inline"></div>
        </div>
        <div class="wide">
             <div class="medium inline">UV:</div>
             <div data-type="label" data-device="Proplanta" data-get="fc2_uv" data-unit="" data-limits="[0,4,8,11]" data-colors='["green","#aa6900","firebrick","red"]' class="medium inline"></div>
        </div></div>

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!GENAU HIER MUSS DER ABSTAND GRÖßER WERDEN !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    <div class="inline">
<div class="sheet">
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">morgens</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherMorningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp06" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">mittags</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp12" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space tiny">abends</div>
<div data-type="weather" data-device="Proplanta" data-get="fc2_weatherEveningIcon" data-imageset="kleinklima" class="inline" style="width:100px"></div>
<div class="inline" style="text-align:center;vertical-align:bottom">
<div data-type="label" data-device="Proplanta" data-get="fc2_temp18" data-unit="%B0C%0A" class="large" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</div>

[dt2510]

Hast du doch weiter oben auch schon: class="top-space" ... wenn das nicht reicht gibt es auch top-space-2x und top-space-3x
Sieh dir mal die CSS-Klassen im Wiki an (speziell Positionierung) https://wiki.fhem.de/wiki/FHEM_Tablet_UI

sorry horizontal/vertikal vertauscht

dann brauchst du natürlich left-space bzw. right-space

[misux]

hmmm... egal wo ich das einsetze passiert NIX... 

[dt2510]

probier es mal hier:

Code Auswählen Erweitern

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!GENAU HIER MUSS DER ABSTAND GRÖßER WERDEN !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    <div class="inline">
<div class="sheet left-space">

Es kann sein daß "inline" mit Positionierung nicht funktioniert (benutze selbst kein "inline")

[misux]

ach ich doof.... habe ständig unter einer falschen Datei gespeichert...

Nun funktioniert es!

Vielen Dank!