KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 76: | Zeile 76: | ||
display: grid; | display: grid; | ||
grid-template-columns: 20% 40% 40%; | grid-template-columns: 20% 40% 40%; | ||
width: 100%; | |||
color: red; | |||
} | |||
.spgrid tbody > tr:first-child { | |||
display: table-row; | |||
width: 100%; | width: 100%; | ||
color: red; | color: red; |
Version vom 10. Juli 2019, 14:07 Uhr
.wikitable3 > tbody > tr > td { float: left; text-align:left; padding-left: 2px; vertical-align: top; width: 33.3%; border-left: 1px solid #a2a9b1; /* Rand links zeichnen */ border-right: 1px solid #a2a9b1; /* Rand rechts zeichnen */ border-top: 1px solid #a2a9b1; /* Rand oben dünn zeichnen */ border-bottom: 1px solid #a2a9b1; /* Rand unten durch Hintergrundfarbe ausblenden */ } .table-head { border: 2px solid green; background: lightgoldenrodyellow; } .xtable { display: table; border-spacing: 0.5em; } .xtable-cell {display: table-cell; border: 1px solid grey;} .xtable-row {display: table-row; border: 1px solid red;} .xtable-cell:first-child { display: block; width: 100%; } .spgrid { background-color:white; color: #222; margin: 0em 0; border: 0; width: 100%; } .spgrid td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.1em; line-height:1.4; } .spgrid > * > tr > th { float: left; padding-left: 1px; padding-right: 0.4em; } .spgrid { border-collapse: separate; border-spacing: 0.3em; } .spgrid > * > tr > th:nth-child(1) { display: block; width:100%; text-align: left; padding-left: 1px; padding-right: 0.4em; color: green; } .spgrid .Leerzeile { border-left: 0; border-right: 0; background: white; } .spgrid tbody > tr { display: grid; grid-template-columns: 20% 40% 40%; width: 100%; color: red; } .spgrid tbody > tr:first-child { display: table-row; width: 100%; color: red; } .spgrid td:nth-child(1) { padding: 15px; grid-column: 1 / 4; grid-row: 1; background-color: #eaecf0; border: 1px solid #a2a9b1; } .spgrid tr > td:nth-child(2) { padding: 15px; grid-column: 1; grid-row: 2; background-color: #f8f9fa; border: 1px solid #a2a9b1; } .spgrid tr > td:nth-child(3) { padding: 15px; grid-column: 2; grid-row: 2; background-color: #f8f9fa; border: 1px solid #a2a9b1; } .spgrid tr > td:nth-child(4) { padding: 15px; grid-column: 3; grid-row: 2; background-color: #f8f9fa; border: 1px solid #a2a9b1; }