Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus RMG-Wiki
Wechseln zu: Navigation, Suche
(→‎Positionierung von Text und Bild mit Hilfe einer Tabelle)
(→‎Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite)
 
(20 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%"  
+
|width="40%"|Die verwendete Tabelle hat drei Spalten.
−
|Hier kannst du Text einfügen.
+
Die erste Spalte nimmt 40% der Seitenbreite in Anspruch.
−
Das zugehörige Bild steht nebenan.
+
Die mittlere Spalte ist leer und stellt der Abstand ( 3% )
−
Die verwendete Tabelle hat drei Spalten,
+
zwischen Text und Bild sicher. In der rechten Spalte
−
wobei die mittlere leer und sehr schmal ist,
+
sitzt das Bild durch <nowiki>valign="top"</nowiki> oben.
−
und den Abstand 5px zwischen Text
+
−
und Bild sicherstellt.
+
  
−
|width="3%"
+
|width="3%"|
−
|
+
 
 +
|valign="top"|[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
  
−
|valign="top"
 
−
|[[Bild:RMG.jpg]]
 
 
|}
 
|}
 
</pre>
 
</pre>
Zeile 75: 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 117: 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 131: 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

|}
Von „http://rmg.zum.de/index.php?title=Hilfe:Tabellen&oldid=60141“