Hilfe:Tabellen/prettytable

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

Die Stildefinition zu class="prettytable" ist veraltet und war bis 2008 ein Sonderweg der deutschsprachigen Wikipedia.

Sie ist inkompatibel mit der weltweit unterstützten class="wikitable" und fordert den Autoren zusätzlichen Lernaufwand beim Beachten der Besonderheiten ab. Sie ist nach und nach aus dem Artikelbestand eliminiert worden; zumindest darf diese Klasse nicht mehr neu eingefügt werden. Langfristig soll dann die zusätzliche CSS-Definition, die bei jedem Seitenaufbau bei jedem Benutzer zusätzlichen Lade- und Rechenaufwand verursacht, entfernt werden.

Mobil

Die veraltete Klasse „prettytable“ ist auf Mobilgeräten niemals eingeführt worden. Dementsprechend ist auf Mobilgeräten keine Vergleichsdarstellung innerhalb dieser Hilfeseite möglich, und bei der Aufbereitung anderer Seiten ist kein Vorher-Nachher-Vergleich möglich.


Anleitung zur Umstellung[Bearbeiten | Quelltext bearbeiten]

In erster Linie ist nach Änderung des Klassennamens auf die Kopfzeilen zu achten. Hier könnte es bei der Hintergrundfarbe zu einem auffälligen Verlust kommen. Es ist deshalb vor dem Speichern zu überprüfen, ob durch eine Umstellung wesentliche Änderungen der Darstellung bewirkt würden.

  • Die Hintergrundfarbe der gesamten Kopfzeile kann nicht mehr über eine einzige explizite Farbangabe wie style="background:#FF80FF" eingestellt werden.
  • Wenn nichts angegeben wurde, werden Kopfzeilen minimal dunkler schattiert.
  • Der zweite Punkt – die automatische Standardschattierung – bewirkt den ersten – kein individueller Stil für alle Zellen gleichzeitig – und ist dann unvermeidlich.
Hintergrundfarbe der Kopfzeile
Eine besondere Farbe kann für die gesamte Zeile aus den Wikipedia-Hintergrundfarben ausgewählt werden mit:
|- class="hintergrundfarbe6"
Wenn aus inhaltlichen Gründen (Förster tannengrün, Seefahrer marineblau) keine der angebotenen Standardfarben passt, muss jede Zelle einzeln eingefärbt werden:
!style="background:#0000FF"|
Hintergrundfarbe einer inneren Zeile
Hier kann die gesamte Zeile beliebig eingefärbt werden mit
|- style="background:#FF80FF"
Textausrichtung in der Kopfzeile
Noch niemals wirksam gewesen war eine Zuweisung (linksbündig) für eine ganze Kopfzeile; es muss jedem Feld einzeln eine von der Zentrierung abweichende Spezifikation zugewiesen werden.
float
Wenn eine kleine Tabelle ähnlich einem Miniaturbild am rechten Rand erscheinen und vom Text umflossen werden soll, dann ist zu schreiben:
{| class="wikitable float-right"
Gleiches gilt für den seltener sinnvollen Fall linksbündiger Anordnung:
{| class="wikitable float-left"
Es sind dann keine weiteren Angaben zu Rändern und Abständen mehr erforderlich und sollten entfallen.
Das bisherige margin-right (das 3. 1em) wird jetzt zu 0.
Das könnte eine Wirkung haben, wenn float:left ohne Angabe eines rechten margin verwendet wird.
Andere Elemente
prettytable hätte im Prinzip auch für andere (umschließende) HTML-Elemente benutzt werden können; wikitable wirkt nur direkt auf Tabellen (wozu auch Infoboxen gehören). Da die Einzeldefinitionen aber ohnehin nur auf Tabellensyntax ansprechen, müsste eine Tabelle im Inneren eines Elements vorkommen.
Es ist kein einziger Fall einer solchen Anwendung bekanntgeworden.

Geringfügige Unterschiede bestehen hinsichtlich des padding (des Abstandes zwischen Textinhalt und Linien der Tabelle). Das sieht aber ohnehin bei jedem Benutzer je nach dessen Schriftart, Schriftgröße, Endgerät und Grundeinstellungen des Browsers leicht anders aus.

Anhang – Unterschiede im Detail[Bearbeiten | Quelltext bearbeiten]

Die nachstehenden Informationen sind für die Bearbeiter von Seiten nicht relevant und lediglich Hintergrundinformation. Sie dokumentieren außerdem für spätere Zeiten die Situation der 2010er Jahre, wenn die damaligen Definitionen längst gelöscht sein werden.

prettytable wikitable
CSS-Definition
prettytableLegacy resources/src/mediawiki.skinning/content.tables.less
.prettytable {
	background-color: #f8f9fa;
	border: 1px solid #a2a9b1;
	border-collapse: collapse;
	color: black;
	margin: 1em 0;
}

table.prettytable > * > tr > th,
table.prettytable > * > tr > td {
	border: 1px solid #a2a9b1;
	padding: .2em .4em;
}

table.prettytable > * > tr > th {
	/* background-color: #eaecf0; */
	text-align: center;
}

table.prettytable > caption {
	font-weight: bold;
}
.wikitable {
   background-color: #f8f9fa;
   color: #222;
   margin: 1em 0;
   border: 1px solid #a2a9b1;
   border-collapse: collapse;
}
.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
   border: 1px solid #a2a9b1;
   padding: 0.2em 0.4em;
}
.wikitable > tr > th,
.wikitable > * > tr > th {
   background-color: #eaecf0;
   text-align: center;
}
.wikitable > caption {
   font-weight: bold;
}
Wirkung
prettytable
Per class gefärbte Kopfzeile
Per class gefärbtes Kopfelement
Per class gefärbte Datenzeile
Per class gefärbtes Datenfeld
Per style gefärbte Kopfzeile
Per style gefärbtes Kopfelement
Per style gefärbte Datenzeile
Per style gefärbtes Datenfeld
wikitable
Per class gefärbte Kopfzeile
Per class gefärbtes Kopfelement
Per class gefärbte Datenzeile
Per class gefärbtes Datenfeld
Per style gefärbte Kopfzeile
Per style gefärbtes Kopfelement
Per style gefärbte Datenzeile
Per style gefärbtes Datenfeld

Weitere Informationen[Bearbeiten | Quelltext bearbeiten]