cell Inhalte oben beginnend anzeigen

Begonnen von maci, 24 April 2020, 10:24:25

Vorheriges Thema - Nächstes Thema

maci

Hallo,
Ich beschäftige mich seit ein paar Tagen mit Tablet UI.
Einiges habe ich schon zusammengebracht dank dem Forum bzw dem Wiki.
Was ich habe nicht finde, ist wie ich den Inhalt immer oben beginnend anzeigen lassen kann. siehe Bild
Ich habe es schon versucht mit der Angabe class="top-align", doch das hilft nicht.
Ich denke es wird irgendwo im CSS verborgen sein, doch ich finde nichts.

Ich habe nur die fhem-tablet-ui.css  und danach eine user.css eingebunden. Arbeite mit gridster.

Weiters hätte ich immer gerne, dass die Zahlen rechtsbündig angezeigt werden.

Bitte um einen Tipp, wo ich die Einstellungen finden könnte.
Fhem auf Dell Thinclient, Fhem auf Raspebrry Pi4,
UniPi Vers. 1.1 mit Raspberry Pi3, 1wire USB Adapter mit OWX
Netatmo Wetterstation + Regenmesser + Netatmo Thermostat
Homematic mit HMLan

maci

Update:
Ich habe etwas gefunden wenn ich
.gridster .row > div {
    vertical-align: top;
}

auf top ändere anstatt middle.

Dich wie kann ich nun in css eine eigene class machen, damit ich wählen kann?
css ist ein spanisches Dorf für mich.
Fhem auf Dell Thinclient, Fhem auf Raspebrry Pi4,
UniPi Vers. 1.1 mit Raspberry Pi3, 1wire USB Adapter mit OWX
Netatmo Wetterstation + Regenmesser + Netatmo Thermostat
Homematic mit HMLan

yersinia

#2
Zitat von: maci am 24 April 2020, 10:46:31
Update:
Ich habe etwas gefunden wenn ich
.gridster .row > div {
    vertical-align: top;
}

auf top ändere anstatt middle.

Dich wie kann ich nun in css eine eigene class machen, damit ich wählen kann?
css ist ein spanisches Dorf für mich.
mach doch inline CSS - in das HTML Element einfach hinzufügen:
style="vertical-align: top;"

Ansonsten kannst du auch eine custom css datei mit der neuen class erstellen und diese in deiner index.html einbinden und dann nutzen. Sorry, hab den ersten Post nur überflogen, aber du hast ja schon eine user.css:
Zitat von: maci am 24 April 2020, 10:24:25Ich habe nur die fhem-tablet-ui.css  und danach eine user.css eingebunden. Arbeite mit gridster.
da fügst du eine neue class ein:
.meineneueclass {
    vertical-align: top !important;
}

und in dem div container dann die class hinzufügen:
class="meineneueclass"

inline CSS hat den Vorteil, dass es jede andere CSS Definition überschreibt
viele Grüße, yersinia
----
FHEM 6.4 (SVN) on RPi 4B with RasPi OS Bookworm (perl 5.36.0) | FTUI
nanoCUL->2x868(1x ser2net)@tsculfw, 1x433@Sduino | MQTT2 | Tasmota | ESPEasy
VCCU->14xSEC-SCo, 7xCC-RT-DN, 5xLC-Bl1PBU-FM, 3xTC-IT-WM-W-EU, 1xPB-2-WM55, 1xLC-Sw1PBU-FM, 1xES-PMSw1-Pl

maci

Ja danke, das ist die beste Lösung.

Bin fast zeitgleich auch draufgekommen mit etwas herumprobieren.

Fhem auf Dell Thinclient, Fhem auf Raspebrry Pi4,
UniPi Vers. 1.1 mit Raspberry Pi3, 1wire USB Adapter mit OWX
Netatmo Wetterstation + Regenmesser + Netatmo Thermostat
Homematic mit HMLan