Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus RMG-Wiki
Wechseln zu: Navigation, Suche
(Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite)
 
(22 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
__NOTOC__
 
 
=== Positionierung von Text und Bild mit Hilfe einer Tabelle ===
 
=== Positionierung von Text und Bild mit Hilfe einer Tabelle ===
 
{|
 
{|
 
|width=500px|
 
|width=500px|
 
{|
 
{|
|width="30%" |Hier können Sie einen echten Text einfügen. Das zugehörige Bild steht nebenan.
+
|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 <nowiki>valign="top"</nowiki> oben.
Die verwendete Tabelle hat drei Spalten, wobei die mittlere leer und sehr schmal ist, und nur den Abstand 5px zwischen Text und Bild sicherstellt.
+
 
|width="3%"|
 
|width="3%"|
|valign="top" |[[Bild:RMG.jpg]]
+
|valign="top" |[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
 
|}
 
|}
  
Zeile 14: Zeile 12:
 
<pre>
 
<pre>
 
{|
 
{|
|width="30%"
 
|Hier können Sie einen echten Text
 
einfügen. Das zugehörige Bild steht nebenan.
 
Die verwendete Tabelle hat drei Spalten,
 
wobei die mittlere leer und sehr schmal ist,
 
und den Abstand 5px zwischen Text
 
und Bild sicherstellt.
 
  
|width="3%"
+
|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 <nowiki>valign="top"</nowiki> oben.
  
|valign="top"
+
|width="3%"|
|[[Bild:RMG.jpg]]
+
|}
+
</pre>
+
  
 +
|valign="top"|[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
  
 
|}
 
|}
 +
</pre>
  
  
 +
|}
  
 
===Einfache Tabellen ===
 
===Einfache Tabellen ===
Zeile 76: Zeile 70:
 
|width=500px; |
 
|width=500px; |
 
{| border="1" cellspacing="0"  valign="top"
 
{| border="1" cellspacing="0"  valign="top"
| width="5%" | A1 
+
| width="5%" | '''''STROMKREIS'''''
| width="10%" | B1
+
| width="10%" | '''WASSERKREISLAUF'''
| width="20%" | C1
+
 
|-valign="top"
 
|-valign="top"
| A2
+
| ''ELEKTRIZITÄT''
| B2
+
| WASSER
| C3
+
|-valign="top"
|}
+
| ''BATTERIE''
|width=5px|
+
| PUMPE
|valign="top" |
+
|-valign="top"
<pre>
+
| ''ELKTRISCHE LEITUNG''
{| border="1" cellspacing="0"  valign="top"
+
| WASSERROHR
| width="5%" | A1 
+
|-valign="top"
| width="10%" | B1
+
| ''SCHALTER''
| width="20%" | C1
+
| VENTIL
 +
|-valign="top"
 +
| ''GLÜHLAMPE''
 +
| WASSERRAD
 
|-valign="top"
 
|-valign="top"
| A2
 
| B2
 
| C3
 
|}
 
</pre>
 
 
 
 
|}
 
|}
 
 
  
 
===Tabelle mit Rahmen, Spaltenbreite, Hintergrundfarbe und Textfarbe===
 
===Tabelle mit Rahmen, Spaltenbreite, Hintergrundfarbe und Textfarbe===
 
{|
 
{|
 
|width=500px;|
 
|width=500px;|
{|style="background:#C4C4C4" border="1" cellspacing="0" cellpadding="4"
+
{|style="background:#BFEFFF" border="1" cellspacing="0" cellpadding="4"
 
|style="vertical-align:top" ; width="50%"|
 
|style="vertical-align:top" ; width="50%"|
 
<span style="color:#990000">Erste Spalte  
 
<span style="color:#990000">Erste Spalte  
Zeile 118: Zeile 105:
 
|valign="top" |
 
|valign="top" |
 
<pre>
 
<pre>
{|style="background:#C4C4C4" border="1"
+
{|style="background:#BFEFFF" border="1"
 
cellspacing="0" cellpadding="4"
 
cellspacing="0" cellpadding="4"
 
|style="vertical-align:top" ; width="50%"|
 
|style="vertical-align:top" ; width="50%"|
Zeile 132: Zeile 119:
 
|}
 
|}
  
 +
===2 Spalten ===
 +
{|
 +
|width=500px; valign="top" |
 +
{|
  
 +
|width=200px|Spalte 1
  
 +
(die erste hat ein feste Breite 400px)
 +
|width=5px|
 +
|valign="top" | Spalte 2
  
 +
|}
  
 +
|width=5px|
 +
|valign="top" |
 +
<pre>{|
  
 +
|width=400px|Spalte 1
  
 +
(die erste hat ein feste Breite 400px)
 +
|width=5px|
 +
|valign="top" | Spalte 2
  
===Tipps===
+
|}</pre>
* Kopieren Sie den Quelltext einer Tabelle, die Ihnen gefällt. Gehen Sie dazu auf den zur Tabelle gehörenden "Bearbeiten"-Link rechts, markieren Sie den Quelltext im "Bearbeiten"- Fenster und fügen Sie diesen auf Ihrer Seite ein!
+
 
* [http://wiki.zum.de/Hilfe:Tabellen Tabellen (Hilfe im ZUM-WIKI)]
+
|}

Aktuelle Version vom 4. November 2014, 17:04 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
  • 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

STROMKREIS WASSERKREISLAUF
ELEKTRIZITÄT WASSER
BATTERIE PUMPE
ELKTRISCHE LEITUNG WASSERROHR
SCHALTER VENTIL
GLÜHLAMPE WASSERRAD

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

|}