Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus RMG-Wiki
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: __NOTOC__ === Positionierung von Text und Bild mit Hilfe einer Tabelle === {| |width="30%" |Hier können Sie einen echten Text einfügen. Das zugehörige Bild steht neb...)
 
(Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite)
 
(26 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="30%" |Hier können Sie einen echten Text einfügen. Das zugehörige Bild steht nebenan. Dieser Text kann auch länger sein.
+
|width=500px|
Die verwendete Tabelle hat drei Spalten, wobei die mittlere leer und sehr schmal ist, und nur den notwendigen Abstand zwischen Text und Bild sicherstellt.
+
{|
|width="3%"|<!--Diese Spalte bleibt leer und legt den Abstand zwischen Text und Bild fest-->
+
|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" |[[Bild:RMG.jpg]]
+
|width="3%"|
 +
|valign="top" |[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
 
|}
 
|}
  
 +
|width=5px|
 +
|valign="top" |
 
<pre>
 
<pre>
 
{|
 
{|
|width="30%" |Hier können Sie einen echten Text einfügen. Das zugehörige Bild steht nebenan.
+
 
Dieser Text kann auch länger sein.
+
|width="40%"|Die verwendete Tabelle hat drei Spalten.
Die verwendete Tabelle hat drei Spalten, wobei die mittlere leer und sehr schmal ist,
+
Die erste Spalte nimmt 40% der Seitenbreite in Anspruch.
und nur den notwendigen Abstand zwischen Text und Bild sicherstellt.
+
Die mittlere Spalte ist leer und stellt der Abstand ( 3% )
|width="3%"|<!--Diese Spalte bleibt leer und legt den Abstand zwischen Text und Bild fest-->
+
zwischen Text und Bild sicher. In der rechten Spalte
|valign="top" |[[Bild:RMG.jpg]]
+
sitzt das Bild durch <nowiki>valign="top"</nowiki> oben.
 +
 
 +
|width="3%"|
 +
 
 +
|valign="top"|[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
 +
 
 
|}
 
|}
 
</pre>
 
</pre>
  
  
 +
|}
  
=== Einfache Tabellen ===
+
===Einfache Tabellen ===
 +
{|
 +
|width=500px; |
 
{|
 
{|
 
| Spalte A
 
| Spalte A
Zeile 34: Zeile 44:
 
|}
 
|}
  
 +
 +
|width=5px|
 +
|valign="top" |
 
<pre>
 
<pre>
 
{|
 
{|
Zeile 48: Zeile 61:
 
</pre>
 
</pre>
  
=== Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite ===
+
 
{| border="1" cellspacing="0"  valign="top"
+
| width="5%" | A1 
+
| width="10%" | B1
+
| width="20%" | C1
+
|-valign="top"
+
| A2
+
| B2
+
| [[Bild:theli3.jpg]]
+
 
|}
 
|}
  
<pre>
+
 
 +
 
 +
=== Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite ===
 +
{|
 +
|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"
 +
| ''ELEKTRIZITÄT''
 +
| WASSER
 +
|-valign="top"
 +
| ''BATTERIE''
 +
| PUMPE
 +
|-valign="top"
 +
| ''ELKTRISCHE LEITUNG''
 +
| WASSERROHR
 +
|-valign="top"
 +
| ''SCHALTER''
 +
| VENTIL
 +
|-valign="top"
 +
| ''GLÜHLAMPE''
 +
| WASSERRAD
 
|-valign="top"
 
|-valign="top"
| A2
 
| B2
 
| [[Bild:theli3.jpg]]
 
 
|}
 
|}
</pre>
 
 
  
 
===Tabelle mit Rahmen, Spaltenbreite, Hintergrundfarbe und Textfarbe===
 
===Tabelle mit Rahmen, Spaltenbreite, Hintergrundfarbe und Textfarbe===
{|style="background:#C4C4C4" border="1" cellspacing="0" cellpadding="4"
+
{|
 +
|width=500px;|
 +
{|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 82: Zeile 102:
 
|}
 
|}
  
 +
|width=5px|
 +
|valign="top" |
 
<pre>
 
<pre>
{|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 94: Zeile 117:
  
  
 +
|}
  
===Tipps===
+
===2 Spalten ===
* 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)]
+
|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
 +
 
 +
|}</pre>
 +
 
 +
|}

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

|}