Seite 1 von 1

Tabelle formatieren?

Verfasst: Do 25. Mai 2023, 09:49
von Volker.S
Hallo zusammen,

ich habe eine Tabelle aus einem mobirise4 theme und versuche diese zu formatieren.
Die Anzahl der Zeilen kann ich über den Code-Editor verändern, auch das Suchfeld an- und abschalten.
Aber ich würde auch gerne
- die Hintergrundfarbe der Tabellenzellen anpassen
- die Höhe der Reihen (rows) ändern (ähnlich Word's "Abstand vor" und "Abstand nach").

Im Code-Editor habe ich bislang noch keine Einträge gefunden, die ich diesen Wünschen zuordnen kann?

Hat da vielleicht jemand einen Tipp?

Viele Grüße
Volker

Re: Tabelle formatieren?

Verfasst: Do 25. Mai 2023, 10:13
von Tommy Herrmann
Moin Volker,

und willkommen bei uns im Forum :hallo:

Ich bin gerade auf dem Sprung zu einem Termin bei meiner Bank ...

... daher nur ganz schnell geguckt bei dieser meiner Seite:

https://www.mobirise-tutorials.com/Tabellen/

Ich habe das so gemacht...

Die Tabellen bestehen ja zum einen aus der Hintergrundfarbe des Blocks und dann haben die ungeraden Zeilen eine Farbe, die habe ich so geändert und dann dem <tr> Tag auch noch eine höhere "Line-Height" gegeben.

Versuche es einfach mal, vielleicht kommst Du damit ja schon klar:

Code: Alles auswählen

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: red;
}
tr {
  line-height: 60px;
}

Diese CSS habe ich in den (rechten) Bereich "CSS Editor" vom "Code Editor" in der Block der Tabelle kopiert.



Ansicht der geänderten Tabelle:


Tabelle modifiziert.jpg

Re: Tabelle formatieren?

Verfasst: Do 25. Mai 2023, 10:54
von Volker.S
Hallo Tommy,

danke für die schnelle Rückmeldung!
ja, ich habe mich nun mit mobirise angefreundet und es endlich geschafft aus dem NOF-Forum hierhin zu wechseln...

Mit deinem Hinweis habe ich den CSS Editor durchforstet und bin auf die Einträge
th {
padding: 1.5rem 1rem;


und

td {
padding: 1.2rem 1.6rem;


gestossen.
Der erste regelt den Abstand vor und nach im Tabellenkopf und der zweite die Abstände vor und nach in den Tabellenzeilen. Das verändern der Werte hat den gewünschten Erfolg.
Die Tabelle hatte ich aus dem sourceTheme "photom4", die ist schön mit einer wählbaren Farbe für den Tabellenkopf und den abwechselnden Farben für die Zeilen...

Viele Grüße aus Bochum nach Berlin
Volker