|
Qualitätswoche: Artikel verbessern und Crunchyroll-Premium-Abo gewinnen!
Verbessere im Rahmen der Qualitätswoche einen Artikel deiner Wahl und gewinne mit etwas |
Hilfe:Tabellen: Unterschied zwischen den Versionen
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 179:
*'''Textausrichtung: '''<code><nowiki>style="text-align:right"</nowiki></code> für rechtsbündig. Für linksbündig einfach <code><nowiki>left</nowiki></code> anstelle des <code><nowiki>right</nowiki></code> einsetzen. Für zentriert <code><nowiki>center</nowiki></code>.
*'''Vertikale Ausrichtung: '''Mit <code><nowiki>class="toptextcells"</nowiki></code> fängt der Text am oberen Rand der Zelle an, funktioniert allerdings nur im Tabellenkopf und in der Tabellenzeile. <code><nowiki>valign="top"</nowiki></code> funktioniert dagegen in der Tabellenzeile und in der Zelle. Bei letzterem kann man anstelle des <code><nowiki>top</nowiki></code> auch <code><nowiki>bottom</nowiki></code> verwenden. Dann erscheint der Text am unteren Rand der Zelle.
*'''Breite: '''Die Breite einer Tabelle kann mit <code><nowiki>style="width:50%"</nowiki></code> im Tabellenkopf bestimmt werden. Bei 50% ist dies die Hälfte des Bildschirms. Derselbe Befehl in einer Spalte bewirkt, dass diese Spalte 50% der gesamten Tabellenbreite einnimmt.
*'''Rahmen: '''<code><nowiki>border="1"</nowiki></code> im Tabellenkopf wird die gesamte Tabelle und jede Zelle umrandet. Die Zahl legt die Stärke des Rahmens fest. Mit <code>style="border: 1pt black solid"<nowiki></nowiki></code> kann man der Tabelle im Tabellenkopf für die Tabelle und in der Zelle für die Zelle eine Umrandung zuweisen. <code><nowiki>1pt</nowiki></code> legt die Stärke des Rahmens fest, <code><nowiki>black</nowiki></code> die Farbe. Beides kann variiert werden. Anstelle des <code><nowiki>solid</nowiki></code> kann auch <code><nowiki>dotted</nowiki></code> für einen gepunkteten Rahmen, und <code><nowiki>dashed</nowiki></code> für einen gestrichelten Rahmen stehen. Mit <code><nowiki>border</nowiki></code> ist die gesamte Tabelle/Zelle umrandet, <code><nowiki>border-top</nowiki></code> macht nur oben einen Rand und mit <code><nowiki>border-left</nowiki></code> bzw. <code><nowiki>border-right</nowiki></code> ist nur rechts/links ein Rand.
*'''Spalten zusammenfassen: '''Mithilfe <code><nowiki>colspan="2"</nowiki></code> ist es möglich, dass eine Zelle über mehrere Spalten geht. Die Zahl legt fest, wieviele Spalten die Zelle breit ist.
*'''Zeilen zusammenfassen: '''<code><nowiki></nowiki></code>Mithilfe <code><nowiki>rowspan="2"</nowiki></code> ist es möglich, dass eine Zelle über mehrere Zeilen geht. Die Zahl legt fest, wieviele Zeilen die Zelle lang ist.
*'''Sortierbare Tabellen: ''' Mit <code><nowiki>class="sortable"</nowiki></code> im Tabellenkopf kann man aus einer Tabelle eine sortierbare Tabelle machen. Dann erscheinen hinter den Überschriften der Spalten kleine Dreiecke, die bei einem Klick die Zeilen alphabetisch nach dieser Spalte sortiert anzeigen. Wenn man in eine Kopfzeile/Zeilenkopft einer sortierbaren Tabelle <code><nowiki>class="unsortable"</nowiki></code> einfügt, so schließt man damit die Sortierbarkeit dieser Spalte/Zeile aus. Möchte man eine Zeile einer Tabelle nicht mitsortieren lassen, so fügt man in den Zeilenkopf <code><nowiki>class="sortbottom"</nowiki></code> ein. Diese Zeile wird dann am Ende der Tabelle angehängt.
==Hilfreiches==
*'''Aufzählungszeichen: '''Eine Liste innerhalb einer Tabelle muss in einer neuen Quelltextzeile anfangen, ansonsten wird das <code><nowiki>*</nowiki></code> nicht erkannt.
*'''Leere Zeilen in umrandeten Tabellen: '''Wenn alle Zellen in einer Zeile leer sind, so wird der Rahmen nicht richtig angezeigt. Um dies zu umgehen, sollte man in die Zellen ein geschützes HTML-Leerzeichen '''&nbsp;''' einfügen.
*'''Verschachtelte Tabellen: '''Es ist möglich, innerhalb einer Tabelle eine weitere Tabelle einzubauen. Diese muss aber in einer neuen Quelltextzeile anfangen.
==Tabellen im DetektivConan-Wiki==
| |||