Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus RMG-Wiki
Wechseln zu: Navigation, Suche
(Tipps)
(Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite)
 
(17 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 kannst du 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 15: Zeile 13:
 
{|
 
{|
  
|width="30%"|Hier kannst du Text einfügen.
+
|width="40%"|Die verwendete Tabelle hat drei Spalten.
Das zugehörige Bild steht nebenan.
+
Die erste Spalte nimmt 40% der Seitenbreite in Anspruch.
Die verwendete Tabelle hat drei Spalten,
+
Die mittlere Spalte ist leer und stellt der Abstand ( 3% )
wobei die mittlere leer und sehr schmal ist,
+
zwischen Text und Bild sicher. In der rechten Spalte
und den Abstand 5px zwischen Text
+
sitzt das Bild durch <nowiki>valign="top"</nowiki> oben.
und Bild sicherstellt.
+
  
 
|width="3%"|
 
|width="3%"|
  
|valign="top"|[[Bild:RMG.jpg]]
+
|valign="top"|[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
  
 
|}
 
|}
Zeile 73: 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 115: 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 129: 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>
* Kopiere den Quelltext einer Tabelle, die dir gefällt. Gehen dazu auf den zur Tabelle gehörenden "Bearbeiten"-Link rechts, markiere den Quelltext im "Bearbeiten"- Fenster und fügen Sie diesen auf deiner Seite ein!
+
 
 +
|}

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

|}