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>
Zitat von: desyer am 13 April 2020, 11:12:09
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.
Zitat von: Ulm32b am 13 April 2020, 13:37:01
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:
<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 (https://www.w3schools.com/css/css_howto.asp) und dem Box Modell Arbeiten (https://www.w3schools.com/css/css_boxmodel.asp)