Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus SchnuppTrupp
Wechseln zu: Navigation, Suche
K (→‎Eine einfache Tabelle mit Rahmen)
K (→‎Unterschiedliche Rahmen)
Zeile 124: Zeile 124:
 
  {|style="border-style: ridge; border-width: 12px;"
 
  {|style="border-style: ridge; border-width: 12px;"
 
  |-
 
  |-
−
  |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 1
+
  |style="border-style: dotted; border-width: 2px;"|Zeile 1 Zelle 1
−
  |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 2  
+
  |style="border-style: dashed; border-width: 2px;"|Zeile 1 Zelle 2  
−
  |style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 3
+
  |style="border-style: solid; border-width: 2px;"|Zeile 1 Zelle 3
 
  |-
 
  |-
−
  |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 4
+
  |style="border-style: double; border-width: 5px;"|Zeile 2 Zelle 4
−
  |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 5
+
  |style="border-style: groove; border-width: 5px;"|Zeile 2 Zelle 5
−
  |style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 6
+
  |style="border-style: outset; border-width: 5px;"|Zeile 2 Zelle 6
 
  |} </nowiki>
 
  |} </nowiki>
 
'''Ergebnis'''
 
'''Ergebnis'''
 
{|style="border-style: ridge; border-width: 12px;"
 
{|style="border-style: ridge; border-width: 12px;"
 
|-
 
|-
−
|style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 1
+
|style="border-style: dotted; border-width: 2px;"|Zeile 1 Zelle 1
−
|style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 2
+
|style="border-style: dashed; border-width: 2px;"|Zeile 1 Zelle 2  
−
|style="border-style: ridge; border-width: 12px;"|Zeile 1 Zelle 3
+
|style="border-style: solid; border-width: 2px;"|Zeile 1 Zelle 3
 
|-
 
|-
−
|style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 4
+
|style="border-style: double; border-width: 5px;"|Zeile 2 Zelle 4
−
|style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 5
+
|style="border-style: groove; border-width: 5px;"|Zeile 2 Zelle 5
−
|style="border-style: ridge; border-width: 12px;"|Zeile 2 Zelle 6
+
|style="border-style: outset; border-width: 5px;"|Zeile 2 Zelle 6
 
|}
 
|}
−
 
−
'''Mögliche vordefinierte Rahmen'''
 
−
<p style="border-width:medium; border-color:#FF9999; border-style:dotted; padding:5px;">
 
−
border-style: dotted.</p>
 
−
<p style="border-width:medium; border-color:#9999FF; border-style:dashed; padding:5px;">
 
−
border-style: dashed.</p>
 
−
<p style="border-width:medium; border-color:#66CC66; border-style:solid; padding:5px;">
 
−
border-style: solid.</p>
 
−
<p style="border-width:medium; border-color:#FF9999; border-style:double; padding:5px;">
 
−
border-style: double.</p>
 
−
<p style="border-width:12px; border-color:#9999FF; border-style:groove; padding:5px;">
 
−
border-style: groove.</p>
 
−
<p style="border-width:12px; border-color:#66CC66; border-style:ridge; padding:5px;">
 
−
border-style: ridge.</p>
 
−
<p style="border-width:12px; border-color:#FF9999; border-style:inset; padding:5px;">
 
−
border-style: inset.</p>
 
−
<p style="border-width:12px; border-color:#9999FF; border-style:outset; padding:5px;">
 
−
border-style: outset.</p>
 
  
 
==Unterschiedliche Zellenfarben und Schriftfarben==
 
==Unterschiedliche Zellenfarben und Schriftfarben==

Version vom 28. Mai 2010, 16:52 Uhr

Tabellen im Wiki

Grundlegende Formatierung

{|
Anfang einer Tabelle 
!
Zellen Überschrift optional. 
|+
Zeilen Überschrift, optional; darf nur zwischen Anfang einer Tabelle und erster Tabellen Zeile gesetzt werden 
|-
Tabellen Zeile, optional für die erste Zeile -- Das Wiki würde es automatsich setzen für die erste Tabellen Zeile 
|
Tabellen Zelle benötigt! Mehrere Tabellen Zellen können in einer Zeile definiert werden, müßen dann jedoch mit doppelter Pipe (||) abgegrenzt werden. Oder in der nächsten Zeile die nächste Zelle mit einem einfachen (|) beginnen. 
|}
Tabellen Ende

Eine einfache Tabelle

Code 

 {|
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Eine einfache Tabelle mit Überschrift

Code 

 {|
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Eine einfache Tabelle mit Rahmen

Code 

 {|border="1"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Unterschiedliche Rahmen

Code 

 {|style="border-style: ridge; border-width: 12px;"
 |-
 |style="border-style: dotted; border-width: 2px;"|Zeile 1 Zelle 1
 |style="border-style: dashed; border-width: 2px;"|Zeile 1 Zelle 2 
 |style="border-style: solid; border-width: 2px;"|Zeile 1 Zelle 3
 |-
 |style="border-style: double; border-width: 5px;"|Zeile 2 Zelle 4
 |style="border-style: groove; border-width: 5px;"|Zeile 2 Zelle 5
 |style="border-style: outset; border-width: 5px;"|Zeile 2 Zelle 6
 |}

Ergebnis

Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Unterschiedliche Zellenfarben und Schriftfarben

Code 

 {|border="1"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |style="color:red; background-color:#ababab;"|Zeile 1 Zelle 1
 |style="color:green; background-color:#cdcdcd;"|Zeile 1 Zelle 2
 |style="color:blue; background-color:#efefef;"|Zeile 1 Zelle 3
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3

Zellen und Zeilen verbinden

Code 

 {| border="1"
 !colspan="6"|Einkaufsliste
 |-
 |rowspan="2"|Brot und Butter
 |Kuchen
 |Vorspeise
 |Nachspeise
 |colspan="2"|Croissant
 |-
 |Käsekuchen
 |colspan="2"|Eiskrem 
 |Butter
 |Yoghurt
 |}

Ergebnis

Einkaufsliste
Brot und Butter Kuchen Vorspeise Nachspeise Croissant
Käsekuchen Eiskrem Butter Yoghurt

Ausrichtung des Textes in der Zelle

Code 

 {| border="1"
 !Linksbündig
 !Zentriert
 !Rechtsbündig
 |-
 |align="left" | Äpfel
 |align="center" | Birnen
 |align="right" | 12,333.00
 |-
 |align="left" |Brot
 |align="center" |Kuchen
 |align="right" | 500.00
 |-
 |align="left" |Butter
 |align="center" |Eiskreme
 |align="right" | 1.00
 |}

Ergebnis

Linksbündig Zentriert Rechtsbündig
Äpfel Birnen 12,333.00
Brot Kuchen 500.00
Butter Eiskreme 1.00

Abstand zwischen den Zellen

Code 

 {|border="1" cellspacing="20"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6

Abstand des Zelleninhaltes zum Zellenrand

Code 

 {|border="1" cellpadding="20"
 |+
 !Überschrift 1
 !Überschrift 2
 !Überschrift 3
 |-
 |Zeile 1 Zelle 1
 |Zeile 1 Zelle 2
 |Zeile 1 Zelle 3
 |-
 |Zeile 2 Zelle 4
 |Zeile 2 Zelle 5
 |Zeile 2 Zelle 6
 |}

Ergebnis

Überschrift 1 Überschrift 2 Überschrift 3
Zeile 1 Zelle 1 Zeile 1 Zelle 2 Zeile 1 Zelle 3
Zeile 2 Zelle 4 Zeile 2 Zelle 5 Zeile 2 Zelle 6
Von „http://www.schnupptrupp.org/w/index.php?title=Hilfe:Tabellen&oldid=3451“