FTUI und Zeilenumbrüche (Wetter)

[noxx]

Hallo

habe hier leider keine Antwort bekommen
https://forum.fhem.de/index.php/topic,63067.msg648669.html#msg648669

Frage daher besser mit einem Thread:

Wie bekomme ich Zeilenumbrüche definiert?

In dem Beispiel wird bei langen Wettertexten die "Zelle" breiter gezogen und damit
auch die Wetter-Icons.

Gruß

[setstate]

Zeilenumbrüche werden automatisch gemacht, wenn der Container (DIV) nicht breit genug ist. Also muss man die Breite pro Spalte begrenzen bzw. fix vorgeben.

[noxx]

und wie?

Code Auswählen Erweitern

style="width:175px"

funktioniert leider nicht

[MKeY]

ich kann dir ohne testen kein anhalt bzgl der div container größe geben.
ich nutze einerseits simple grid, andererseits die oldschool html table mit variablen größen

http://thisisdallas.github.io/Simple-Grid/

Code Auswählen Erweitern

<div class="col-1-2">
                 <div data-type="label"
                         class="small">
                         Heute
                 </div>
                 <div class="cell">
                         <img id="image"
                         src="http://www.dwd.de/DE/wetter/wetterundklima_vorort/_functions/bildgalerie/wetter_aktuell.jpg?view=nasImage&nn=561906"
                         width="100%"
                         data-refresh="600"
                         class="nocache">
                 </div>
         </div>

Code Auswählen Erweitern

<table width="100%" border="1">
                                         <tr>
                                                 <td width="20%">
                                                         <div data-type="label">Am</div>
                                                 </td>
                                                 <td width="45%">
                                                         <div data-type="label">Wer</div>
                                                 </td>
                                                 <td width="20%">
                                                         <div data-type="label">Tage bis</div>
                                                 </td>
                                                 <td width="15%">
                                                         <div data-type="label">Ausschalten</div>
                                                 </td>
                                         </tr>
</table>

[setstate]

und wie?

Code Auswählen Erweitern

style="width:175px"

funktioniert leider nicht

Anstatt

Code Auswählen Erweitern

<div class="container inline top-space-2x">

das benutzen

Code Auswählen Erweitern

<div class="container col-20 top-space-2x">

[noxx]

Danke

OT

Wieso sieht man mit Tapatalk
den Code nicht?

Gesendet von meinem GT-I9195 mit Tapatalk

[noxx]

gibts eigentlich irgendwo ne Übersicht über die ganzen Klassen?

EDIT
gefunden
https://wiki.fhem.de/wiki/FHEM_Tablet_UI#CSS-Klassen