Hallo,
ich wollte mal fragen wie ihr das folgende Problem lösen würdet: Ich lasse mir die aktuelle Wetterbeschreibung auf meinem Tablet darstellen. Dabei verdrückt es mir "alles" wenn die Beschreibung länger ist, wie unter "Wetter_kaputt.png" zu sehen ist. So wie in "Wetter_ok.png" würde es ausschauen wenn alles okay ist.
Ich verwende folgenden html-Code:
<li data-row="1" data-col="1" data-sizex="5" data-sizey="4">
<header>Wetter</header>
<div class="vbox">
<div class="hbox">
<div class="card">
<div data-type="weather" data-device="WetterProplanta" data-get="weatherIcon" data-imageset="meteocons" class="bigger"></div>
</div>
<div class="card">
<div data-type="label" data-device="WetterProplanta" data-get="temperature" data-fix="0" data-unit="°C" class="tall"></div>
<div data-type="label" data-device="WetterProplanta" data-get="weather" class="big darker"></div>
</div>
<div class="card">
<div class="row">
<div class="cell-30">
<div data-type="symbol" data-icon="fa-umbrella" class=""></div>
</div>
<div class="cell-70">
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRainDay" data-unit="%" data-fix="0" class="big"></div>
</div>
</div>
<div class="row">
<div class="cell-30">
<div data-type="symbol" data-icon="fa-wind" class=""></div>
</div>
<div class="cell-70">
<div data-type="label" data-device="WetterProplanta" data-get="wind" data-unit="km/h" data-fix="0" class="big"></div>
</div>
</div>
</div>
</div>
<div class="hbox">
<div class="card">
<div data-type="label" class="big darker">Morgens</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather06Icon" data-imageset="meteocons" class="large"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp06" data-unit="°C" class="big"></div>
</div>
<div class="card">
<div data-type="label" class="big darker">Mittags</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather12Icon" data-imageset="meteocons" class="large"div></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp12" data-unit="°C" class="big"></div>
</div>
<div class="card">
<div data-type="label" class="big darker">Abends</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather18Icon" data-imageset="meteocons" class="large"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp18" data-unit="°C" class="big"></div>
</div>
<div class="card">
<div data-type="label" class="big darker">Nachts</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weather00Icon" data-imageset="meteocons" class="large"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp00" data-unit="°C" class="big"></div>
</div>
</div>
</div>
Wie würdet ihr das lösen? Wenn ich die Höhe der hbox begrenze dann wird wahrscheinlich die Schrift abgeschnitten.