Abstand zwischen Text und Label verkleinern

[desyer]

Hallo zusammen,

ich möchte gerne den Abstand zwischen meinem Text und den Labels verkleinern. Leider scheitern meine versuche mit narrow oder top-narrow.

Kann mir jemand helfen.

<div class="small border-red">Temp. Min / Max </div>
<div data-type="label" data-device="OUT.Wetter" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell inline" data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
                data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'></div>
<div data-type="label" data-device="OUT.Wetter" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell inline border-red" data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
                data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'></div>

[Ulm32b]

ich möchte gerne den Abstand zwischen meinem Text und den Labels verkleinern. Leider scheitern meine versuche mit narrow oder top-narrow.

Ohne Bild kann man sich das nicht so gut vorstellen. Möglicherweise löst sich dein Problem mit data-pre-text.

[yersinia]

Ohne Bild kann man sich das nicht so gut vorstellen. Möglicherweise löst sich dein Problem mit data-pre-text.

Dies und ich würde die class Definiton nochmal überdenken und die cell class rausnehmen, in etwa so:

Code Auswählen Erweitern

<div class="cell">
    <div class="small border-red">Temp. Min / Max </div>
    <div data-type="label" data-device="OUT.Wetter" data-get="fc0_tempMin" data-unit="%B0C%0A" class="inline" data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
                data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'></div>
    <div data-type="label" data-device="OUT.Wetter" data-get="fc0_tempMax" data-unit="%B0C%0A" class="inline border-red" data-limits="[-20,-15,-10,-5,0,5,10,15,20,25,30,35]"
                data-colors='["#483D8B","#1874CD","#9AC0CD","#CAE1FF","#F5FFFA","#98FB98","#9ACD32","#FFA500","#FF4500","#FF3030","#EE2C2C","#8B1A1A"]'></div>
</div>
Für weiteres positionieren kann man noch mit inline-CSS und dem Box Modell Arbeiten