Kategorien
Bearbeiten von „Hilfe:Tabellen“
Zur Navigation springen
Zur Suche springen
Die Bearbeitung kann rückgängig gemacht werden. Bitte prüfe den Vergleich unten, um sicherzustellen, dass du dies tun möchtest, und veröffentliche dann unten deine Änderungen, um die Bearbeitung rückgängig zu machen.
Aktuelle Version | Dein Text | ||
Zeile 1: | Zeile 1: | ||
'''Tabellen''' sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Jedoch sollte man Tabellen nicht als grafisches Gestaltungsmittel einsetzen, sondern nur dann benutzen, wenn zwischen Tabellenzellen und ihren Zeilen und Spalten semantische Beziehungen bestehen. Sie dienen beispielsweise dann ihrem Zweck, wenn die Informationen in gewisser Weise sortiert werden können, nach Jahreszahlen oder mit alphabetischer Anordnung. | '''Tabellen''' sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Jedoch sollte man Tabellen nicht als grafisches Gestaltungsmittel einsetzen, sondern nur dann benutzen, wenn zwischen Tabellenzellen und ihren Zeilen und Spalten semantische Beziehungen bestehen. Sie dienen beispielsweise dann ihrem Zweck, wenn die Informationen in gewisser Weise sortiert werden können, nach Jahreszahlen oder mit alphabetischer Anordnung. | ||
Zeile 258: | Zeile 257: | ||
Mit <code>class=flag</code> wird der Text zwar ebenfalls zentriert, aber nicht verkleinert und auch nicht auf die rechte Seite verschoben. | Mit <code>class=flag</code> wird der Text zwar ebenfalls zentriert, aber nicht verkleinert und auch nicht auf die rechte Seite verschoben. | ||
==== Beispiele ==== | ====Beispiele==== | ||
Um ein rechts ausgerichtetes Bild mit einer Bildunterschrift anzuzeigen, verwendet man die folgende Struktur: | Um ein rechts ausgerichtetes Bild mit einer Bildunterschrift anzuzeigen, verwendet man die folgende Struktur: | ||
<nowiki>{| class="rimage" | <nowiki>{| class="rimage" | ||
| [[Bild: | | [[Bild:Gefahrensymbol_C.png]]<br />Ein langer Text, der unter dem Bild steht. | ||
|}</nowiki> | |}</nowiki> | ||
Analog funktioniert es mit ''limage'' für links ausgerichtete Bilder. | Analog funktioniert es mit ''limage'' für links ausgerichtete Bilder. | ||
Zeile 268: | Zeile 267: | ||
<div style="border: 1px solid black; margin: 0.5em 3em; padding: 0.5em;"> | <div style="border: 1px solid black; margin: 0.5em 3em; padding: 0.5em;"> | ||
{| class="rimage" | {| class="rimage" | ||
| [[Bild: | | [[Bild:Gefahrensymbol_C.png]]<br /> Ein langer Text, der unter dem Bild steht. | ||
|} | |} | ||
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas augue. Quisque dapibus, est sed mattis mollis, orci tortor pretium lorem, id feugiat leo tellus eget nibh. Phasellus vel dui. Aliquam sollicitudin ante et dolor. Fusce dictum eros vitae dolor. Aliquam erat volutpat. Etiam pede orci, aliquam sed, mattis quis, bibendum et, metus. Aenean libero. Aliquam erat volutpat. Vestibulum placerat risus quis lacus. Mauris ultrices venenatis est. Etiam accumsan euismod lorem. Ut sollicitudin mi at massa. Morbi aliquam wisi non justo. Suspendisse consectetuer dui vitae wisi. Nulla sed lectus sed lorem rhoncus fringilla. Aenean leo orci, ultrices et, ornare eu, imperdiet non, nunc. Praesent sed purus at quam convallis vehicula. | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas augue. Quisque dapibus, est sed mattis mollis, orci tortor pretium lorem, id feugiat leo tellus eget nibh. Phasellus vel dui. Aliquam sollicitudin ante et dolor. Fusce dictum eros vitae dolor. Aliquam erat volutpat. Etiam pede orci, aliquam sed, mattis quis, bibendum et, metus. Aenean libero. Aliquam erat volutpat. Vestibulum placerat risus quis lacus. Mauris ultrices venenatis est. Etiam accumsan euismod lorem. Ut sollicitudin mi at massa. Morbi aliquam wisi non justo. Suspendisse consectetuer dui vitae wisi. Nulla sed lectus sed lorem rhoncus fringilla. Aenean leo orci, ultrices et, ornare eu, imperdiet non, nunc. Praesent sed purus at quam convallis vehicula. | ||
Zeile 278: | Zeile 277: | ||
Eine Tabelle, mit Flagge mit Bildunterschrift,(flag) sieht im Text so aus: | Eine Tabelle, mit Flagge mit Bildunterschrift,(flag) sieht im Text so aus: | ||
<nowiki>{| class="flag" | <nowiki>{| class="flag" | ||
| [[Bild: | | [[Bild:Germany flag mittel.png]] Ein kurzer Text | ||
|}</nowiki> | |}</nowiki> | ||
und stellt sich so dar: | und stellt sich so dar: | ||
{| class="flag" | {| class="flag" | ||
| [[Bild: | | [[Bild:Germany flag mittel.png]] Ein kurzer Text | ||
|} | |} | ||
==Formatierungen== | ==Formatierungen== | ||
Farben, Ränder, Abstände und Spaltenbreiten können durch [[CSS]] ''Styles'' vielfältig beeinflusst werden. Bevor man sich dazu entschließt, sollte man über die Notwendigkeit des Unterfangens nachgedacht haben. | Farben, Ränder, Abstände und Spaltenbreiten können durch [[Cascading Style Sheets|CSS]] ''Styles'' vielfältig beeinflusst werden. Bevor man sich dazu entschließt, sollte man über die Notwendigkeit des Unterfangens nachgedacht haben. | ||
===Spaltenbreiten=== | ===Spaltenbreiten=== | ||
Zeile 560: | Zeile 477: | ||
|} | |} | ||
wird durch einfaches Ersetzen von <code>border="1" cellpadding="2"</code> durch <code><nowiki> | wird durch einfaches Ersetzen von <code>border="1" cellpadding="2"</code> durch <code><nowiki>{{Prettytable}}</nowiki></code> zu: | ||
{| | {| {{Prettytable}} | ||
|+Multiplikation | |+Multiplikation | ||
|- | |- | ||
Zeile 584: | Zeile 501: | ||
Dies ist der Fall, da die Vorlage Prettytable den folgenden Code enthält: | Dies ist der Fall, da die Vorlage Prettytable den folgenden Code enthält: | ||
:<code> | :<code>{{Prettytable}}</code> | ||
Ein weiteres Beispiel: | Ein weiteres Beispiel: | ||
<pre><nowiki> | <pre><nowiki> | ||
{| | {| {{Prettytable}} | ||
!Foo | !Foo | ||
!Bar | !Bar | ||
Zeile 610: | Zeile 527: | ||
|}</nowiki></pre> | |}</nowiki></pre> | ||
erstellt folgende Tabelle: | erstellt folgende Tabelle: | ||
{| | {| {{Prettytable}} | ||
!Foo | !Foo | ||
!Bar | !Bar | ||
Zeile 632: | Zeile 549: | ||
|} | |} | ||
{{QuelleWP| | {{QuelleWP|de.wikipedia.org/w/index.php?title=Wikipedia:Tabellen}} | ||