Würde sowas gehen? Wenn ja bitte Antwort, wenn nicht dann halt auf du traditonelle Art^^
Würde sowas gehen? Wenn ja bitte Antwort, wenn nicht dann halt auf du traditonelle Art^^
Für Zeilen ist es noch leichter. Entweder als inline-CSS oder als CSS. Im inline-CSS-Fall kannst du es nicht global ändern, dafür ist es direkt dort, wo es verwendet wird. Das ist gut, wenn du es nur selten oder in einer Vorlage einsetzt. Bei der CSS-Variante musst du eine Klasse vergeben. Das hat dann später den Vorteil, dass du deine Design-Geschichten nicht im HTML hast, sondern separiert im CSS-Teil. Das hilft Design von Funktion zu trennen und ist besserer Stil.
Inline-CSS-Variante:
{| |- style="background-color:blue;" |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |}
CSS-Variante:
{| |- class="table_blue" |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |}
MediaWiki:Wikia.css: (nur für die 2. Variante)
.table_blue { background-color: blue; }
Beispiel (inline-Variante)
Zelle 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
Bitte beachte, dass du für die 2. Variante Admin-Rechte benötigst. Falls nicht vorhanden wende dich an den lokalen Admin oder Bürokraten.
also so wie bei spalten ("table.padleft td:nth-child(1)") geht es nicht
also das man die class nur einmal hinschreiben muss
geht von der Sache her auch. Kommt halt darauf an, was du machen willst. Wenn du immer nur die erste Zeile einfärben willst, dann würde reichen ("table.padleft tr:nth-child(1)") (bzw. jede Zahl, die du da verwendest). Wenn du mehrere Zeilen einfärben willst, musst du irgendwie HTML bzw. CSS erklären, welche dies sind. Das machst du mit einer Markierung: Hier z.B. der Klasse (class="table_blue").
Beachte: TR ist für die Zeile und TD ist die Zelle. Aufbau wäre so:
<table> <tr> <td></td> <td></td> </tr> <tr><!-- Dies ist eine Zeile --> <td></td> <!-- Dies ist eine Zelle in der Zeile (also eine Spalte) --> <td></td> </tr> </table>
sry für Doppelpost - Ich dachte ich hätte auf "bearbeiten" geklickt.
ok wenn man also mehrere Zeilen haben will muss man das dann immer so auflisten:
table.padleft tr:nth-child(2),
table.padleft tr:nth-child(4),
table.padleft tr:nth-child(6),
table.padleft tr:nth-child(8),
table.padleft tr:nth-child(10) {
background:blue;
}
oder kann man
table.padleft tr:nth-child(2,4,6,8,10) {
background:blue;
}
Wie du hier: w3schools, meinem Link aus dem oben verlinkten Post, sicher gelesen hast, kannst du schreiben:
table.padleft tr:nth-child(2n+0) { background:blue; } /* oder */ table.padleft tr:nth-child(even) { background:blue; }
Deine Komma-Variante kommt jetzt explizit nicht vor, weshalb das entsprechend getestet werden müsste. Ich meine jedoch ein System in deinen Zahlen zu erkennen und wenn nach der 10. Zeile nicht Schluss sein soll, dann empfehle ich dir eine meiner Varianten (sie gehen endlos weiter)
beim ersten Beispiel wird dann jede zweite Zeile blau oder?
und was bedeutet even und odd etwa alle ungeraden und alle geraden Zeilenzahlen
Ja, even ist englisch und bedeutet "gleich" odd ist ebenfalls englisch und bedeutet "ungrade" (oder ungleich).
n ist ein Zähler, der von 0 bis zum Ende hoch zählt. Also n = 0,1,2,3,4 ... Die Formel multipliziert n mit 2 und erzeugt damit eine Reihe von 0,2,4,6,8,10,... (man könnte sie mit dem +b verschieben (in meinem Fall war b=0) aber man könnte b=1 setzen, dann hat man 1,3,5,7,9,11,... Mit diesen Formeln kann man recht lustige Muster erzeugen. Sowas ist allerdings eher Spielerei.
Ansonsten einfach ausprobieren. Die Seite, w3schools, hat auch einen live-Tester, wo man CSS und JavaScript ausprobieren kann. einfach einsetzen und mit rumspielen.
edit: n zählt von 1 bis zum Ende ist irgendwie ein bisschen verwirrend ... am Besten experimentieren. 1 bedeutet im CSS wohl das erste Element. (In JavaScript wäre es schon das zweite, denn dort wird mit 0 angefangen zu zählen) - Wie gesagt: Nicht verwirren lassen. Einfach experimentieren. Dann bekommt man dafür ein Gefühl.