Achtung:

Dieses Wiki, das alte(!) Projektwiki (projektwiki.zum.de)
wird demnächst gelöscht.

Bitte sichere Deine Inhalte zeitnah,
wenn Du sie weiter verwenden möchtest.


Gerne kannst Du natürlich weiterarbeiten

im neuen Projektwiki (projekte.zum.de).

Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus Projektwiki - ein Wiki mit Schülern für Schüler.
Wechseln zu: Navigation, Suche
K (1 Version: Aktualisierung)
Zeile 30: Zeile 30:
  
 
===Einfache Tabellen ===
 
===Einfache Tabellen ===
 +
{|
 +
|width=500px; |
 +
{|class="wikitable"
 +
! Spalte A
 +
! Spalte B
 +
! Spalte C
 +
|-
 +
|1.1
 +
|1.2
 +
|1.3
 +
|-
 +
|2.1
 +
|2.2
 +
|2.3
 +
|-
 +
|3.1
 +
|3.2
 +
|3.3
 +
|}
 +
 +
 +
|width=5px|
 +
|valign="top" |
 +
<pre>
 +
{| class="wikitable"
 +
! Spalte A
 +
! Spalte B
 +
! Spalte C
 +
|-
 +
|1.1
 +
|1.2
 +
|1.3
 +
|-
 +
|2.1
 +
|2.2
 +
|2.3
 +
|-
 +
|3.1
 +
|3.2
 +
|3.3
 +
|}
 +
</pre>
 +
 +
 +
|}
 
{|
 
{|
 
|width=500px; |
 
|width=500px; |

Version vom 6. März 2015, 10:53 Uhr

Inhaltsverzeichnis

Positionierung von Text und Bild mit Hilfe einer Tabelle

Die verwendete Tabelle hat drei Spalten. Die erste Spalte nimmt 40% der Seitenbreite in Anspruch. Die mittlere Spalte ist leer und stellt der Abstand ( 3% ) zwischen Text und Bild sicher. In der rechten Spalte sitzt das Bild durch valign="top" oben. DBPB 1952 93 Walther Rathenau.jpg
{|

|width="40%"|Die verwendete Tabelle hat drei Spalten. 
Die erste Spalte nimmt 40% der Seitenbreite in Anspruch. 
Die mittlere Spalte ist leer und stellt der Abstand ( 3% )
zwischen Text und Bild sicher. In der rechten Spalte 
sitzt das Bild durch valign="top" oben.

|width="3%"|

|valign="top"|[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]

|}


Einfache Tabellen

Spalte A Spalte B Spalte C
1.1 1.2 1.3
2.1 2.2 2.3
3.1 3.2 3.3


{| class="wikitable"
! Spalte A
! Spalte B 
! Spalte C
|-
|1.1
|1.2
|1.3
|-
|2.1
|2.2
|2.3
|-
|3.1
|3.2
|3.3
|}


Spalte A
  • 1.1
  • 1.2
Spalte B
  • 2.1
  • 2.2
Spalte C
  • 3.1
  • 3.2


{|
| Spalte A
*1.1
*1.2
| Spalte B 
*2.1
*2.2
| Spalte C
*3.1
*3.2
|}



Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite

A1 B1 C1
A2 B2 C3
{| border="1" cellspacing="0"  valign="top"
| width="5%" | A1  
| width="10%" | B1
| width="20%" | C1
|-valign="top"
| A2
| B2
| C3
|}



Tabelle mit Rahmen, Spaltenbreite, Hintergrundfarbe und Textfarbe

Erste Spalte

Zweite Spalte

Dritte Spalte

{|style="background:#BFEFFF" border="1"
cellspacing="0" cellpadding="4"
|style="vertical-align:top" ; width="50%"|
<span style="color:#990000">Erste Spalte 
|style="vertical-align:top" ; width="25%"|
<span style="color:#009900">Zweite Spalte
|style="vertical-align:top" ; width="25%"|
<span style="color:#000099">Dritte Spalte
|}


2 Spalten

Spalte 1

(die erste hat ein feste Breite 400px)

Spalte 2
{|

|width=400px|Spalte 1

(die erste hat ein feste Breite 400px)
|width=5px|
|valign="top" | Spalte 2

|}