Tabelle formatieren?

Allgemeine Fragen
Volker.S
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 2
Registriert: Do 25. Mai 2023, 09:34

Tabelle formatieren?

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 4404
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Tabelle formatieren?

Ungelesener Beitrag 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
Volker.S
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 2
Registriert: Do 25. Mai 2023, 09:34

Re: Tabelle formatieren?

Ungelesener Beitrag 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
Antworten

Wer ist online?

Mitglieder in diesem Forum: Ahrefs [Bot] und 1 Gast