|
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
Zur Navigation springen
Zur Suche springen
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 107:
| style="color:#0000FF" | Zelle 3
| Zelle 4
|}
|}
{| class="wikitable float-right"
! width="190px" | Spaltenübergreifend
! width="190px" | Zeilenübergreifend
|-
|
<nowiki>{| border="1" style="background-color:#B0E2FF"</nowiki><br />
<nowiki>! Spalte 1</nowiki><br />
<nowiki>! Spalte 2</nowiki><br />
<nowiki>! Spalte 3</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| Zelle 1</nowiki><br />
<nowiki>| colspan="2" align="center"|Zelle 2</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| Zelle 3</nowiki><br />
<nowiki>| Zelle 4</nowiki><br />
<nowiki>| Zelle 5</nowiki><br />
<nowiki>|}</nowiki>
|
<nowiki>{| border="1"</nowiki><br />
<nowiki>! Spalte 1</nowiki><br />
<nowiki>! Spalte 2</nowiki><br />
<nowiki>! Spalte 3</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| rowspan="2" align="center"|Zelle 1</nowiki><br />
<nowiki>| Zelle 2</nowiki><br />
<nowiki>| Zelle 3</nowiki><br />
<nowiki>|-</nowiki><br />
<nowiki>| Zelle 4</nowiki><br />
<nowiki>| Zelle 5</nowiki><br />
<nowiki>|}</nowiki>
|-
!Ausgabe
!Ausgabe
|-
|
{| border="1" style="background-color:#B0E2FF"
! Spalte 1
! Spalte 2
! Spalte 3
|-
| Zelle 1
| colspan="2" align="center"|Zelle 2
|-
| Zelle 3
| Zelle 4
| Zelle 5
|}
|
{| border="1"
! style="background:#F9F9F9;" | Spalte 1
! style="background:#F9F9F9;" | Spalte 2
! style="background:#F9F9F9;" | Spalte 3
|-
| rowspan="2" align="center"|Zelle 1
| Zelle 2
| Zelle 3
|-
| Zelle 4
| Zelle 5
|}
|}
Zeile 119 ⟶ 180:
*'''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: '''<code><nowiki></nowiki></code>
*'''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: '''<code><nowiki></nowiki></code>
| |||