Cowboy: Die Seite wurde neu angelegt: „{{Hilfe|1= * Tabellen }} Die Stildefinition zu `class="prettytable"` ist veraltet und ist bis 2008 ein Sonderweg der deutschsprachigen Wikipedia gewesen. Sie ist inkompatibel mit der weltweit unterstützten `class="wikitable"` und fordert den Autoren zusätzlichen Lernaufwand beim Beachten der Besonderheiten ab. Sie wurde aus dem Artikelbestand und aktuellen Projektseiten eliminiert und diese Klasse darf auc…“

2025-05-10T22:56:37Z

Die Seite wurde neu angelegt: „{{Hilfe|1= * [[../|Tabellen]] }} Die Stildefinition zu <code>class="prettytable"</code> ist veraltet und ist bis 2008 ein Sonderweg der deutschsprachigen Wikipedia gewesen. Sie ist inkompatibel mit der weltweit unterstützten <code>[[../wikitable|class="wikitable"]]</code> und fordert den Autoren zusätzlichen Lernaufwand beim Beachten der Besonderheiten ab. Sie wurde aus dem Artikelbestand und aktuellen Projektseiten eliminiert und diese Klasse darf auc…“

Neue Seite

{{Hilfe|1=
* [[../|Tabellen]]
}}
Die Stildefinition zu <code>class="prettytable"</code> ist veraltet und ist bis 2008 ein Sonderweg der deutschsprachigen Wikipedia gewesen.

Sie ist inkompatibel mit der weltweit unterstützten <code>[[../wikitable|class="wikitable"]]</code> und fordert den Autoren zusätzlichen Lernaufwand beim Beachten der Besonderheiten ab. Sie wurde aus dem Artikelbestand und aktuellen Projektseiten eliminiert und diese Klasse darf auch nicht mehr neu eingefügt werden. Nur auf Benutzerseiten kann sie noch in der Desktop-Darstellung genutzt werden. Langfristig sollte die zusätzliche CSS-Definition, die beim entsprechenden Seitenaufbau bei jedem Benutzer zusätzlichen Lade- und Rechenaufwand verursacht, auch dort entfernt werden.
{{Hilfe/mobil}}
{{Hilfe/mobil|content=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.}}
<div style="clear:left; margin-bottom:1em;"></div>__FORCETOC__

== Anleitung zur Umstellung ==
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 <code>style="background:#FF80FF"</code> 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 [[Hilfe:Farbe#hintergrundfarben|Wikipedia-Hintergrundfarben]] ausgewählt werden mit:
:: <code>|- class="hintergrundfarbe6"</code>
: Wenn aus ''inhaltlichen'' Gründen (Förster tannengrün, Seefahrer marineblau) keine der angebotenen Standardfarben passt, muss jede Zelle einzeln eingefärbt werden:
:: <code>! style="background:#0000FF"|</code>
; Hintergrundfarbe einer inneren Zeile
: Hier kann die gesamte Zeile beliebig eingefärbt werden mit
:: <code>|- style="background:#FF80FF"</code>
; 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:
:: <code>{| class="wikitable float-right"</code>
: Gleiches gilt für den seltener sinnvollen Fall linksbündiger Anordnung:
:: <code>{| class="wikitable float-left"</code>
: Es sind dann keine weiteren Angaben zu Rändern und Abständen mehr erforderlich und sollten entfallen.
: Das bisherige <code>margin-right</code> (das 3. <code>1em</code>) wird jetzt zu <code>0</code>.
: Das könnte eine Wirkung haben, wenn <code>float:left</code> ohne Angabe eines rechten <code>margin</code> 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 <code>padding</code> (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 ==
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.
{| class="toptextcells"
|- style="font-size: x-large;"
! style="width: 50%;"| prettytable
! wikitable
|-
! colspan="2" style="font-size: larger;"| CSS-Definition
|-
| [[CowboysWiki:Technik/Skin/Gadgets/prettytableLegacy|prettytableLegacy]]
| {{Phab|file=resources/src/mediawiki.skinning/content.tables.less}}
|-
|
<syntaxhighlight lang="css">
.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;
}
</syntaxhighlight>
|
<syntaxhighlight lang="css" highlight="17">
.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;
}
</syntaxhighlight>
|-
! colspan="2" style="font-size: larger;"| Wirkung
|-
|
{| class="prettytable" style="width: 100%;"
! prettytable
|- class="hintergrundfarbe8"
! Per class gefärbte Kopfzeile
|-
! class="hintergrundfarbe8"| Per class gefärbtes Kopfelement
|- class="hintergrundfarbe8"
| Per class gefärbte Datenzeile
|-
|class="hintergrundfarbe8"| Per class gefärbtes Datenfeld
|- style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"
! Per style gefärbte Kopfzeile
|-
! style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"| Per style gefärbtes Kopfelement
|- style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"
| Per style gefärbte Datenzeile
|-
|style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"| Per style gefärbtes Datenfeld
|}
|
{| class="wikitable" style="width: 100%;"
! wikitable
|- class="hintergrundfarbe8"
! Per class gefärbte Kopfzeile
|-
! class="hintergrundfarbe8"| Per class gefärbtes Kopfelement
|- class="hintergrundfarbe8"
| Per class gefärbte Datenzeile
|-
|class="hintergrundfarbe8"| Per class gefärbtes Datenfeld
|- style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"
! Per style gefärbte Kopfzeile
|-
! style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"| Per style gefärbtes Kopfelement
|- style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"
| Per style gefärbte Datenzeile
|-
|style="background: #CCFF99; color:#{{Standardfarbe|text|body}};"| Per style gefärbtes Datenfeld
|}
|}

== Weitere Informationen ==
* [[CowboysWiki:Technik/Skin/Gadgets/prettytableLegacy]] – Unterstützung für den BNR
* [[Vorlage:Tabellenstile]] – enthält ebenso die Definition der <code>prettytable</code>-Klasse, zum Zweck der seitenbezogenen Aktivierung
* [[CowboysWiki:Technik/Baustellen/prettytable und wikitable]] – Ablauf der Migration im Verlauf der 2010er Jahre
<noinclude>
[[Kategorie:Hilfe:Listen und Tabellen|prettytable]]
</noinclude>

Hilfe:Tabellen/prettytable - Versionsgeschichte