KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 74: | Zeile 74: | ||
.spgrid tbody > tr:first-child { | .spgrid tbody > tr:first-child { | ||
/* display: grid; | |||
grid-template-columns: 20% 40% 40%; | grid-template-columns: 20% 40% 40%;*/ | ||
width: 100%; | width: 100%; | ||
color: red; | color: red; | ||
Zeile 82: | Zeile 82: | ||
.spgrid td:nth-child(1) { | .spgrid td:nth-child(1) { | ||
padding: 15px; | padding: 15px; | ||
/* grid-column: 1 / 4; | |||
grid-row: 1; | grid-row: 1;*/ | ||
background-color: #eaecf0; | background-color: #eaecf0; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
Zeile 90: | Zeile 90: | ||
.spgrid tr > td:nth-child(2) { | .spgrid tr > td:nth-child(2) { | ||
padding: 15px; | padding: 15px; | ||
/* grid-column: 1; | |||
grid-row: 2; | grid-row: 2;*/ | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; |
Version vom 10. Juli 2019, 13:56 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:first-child { /* display: grid; grid-template-columns: 20% 40% 40%;*/ 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; }