Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus RMG-Wiki
Wechseln zu: Navigation, Suche
(Zweizeilige Tabelle mit Rahmen und bestimmter Spaltenbreite)
 
(9 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%" |Die verwendete Tabelle hat drei Spalten. Die erste Spalte nimmt 30% 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.
+
|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.
 
|width="3%"|
 
|width="3%"|
|valign="top" |[[Bild:RMG.jpg]]
+
|valign="top" |[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
 
|}
 
|}
  
Zeile 14: Zeile 13:
 
{|
 
{|
  
|width="30%"|Die verwendete Tabelle hat drei Spalten.  
+
|width="40%"|Die verwendete Tabelle hat drei Spalten.  
Die erste Spalte nimmt 30% der Seitenbreite in Anspruch.  
+
Die erste Spalte nimmt 40% der Seitenbreite in Anspruch.  
 
Die mittlere Spalte ist leer und stellt der Abstand ( 3% )
 
Die mittlere Spalte ist leer und stellt der Abstand ( 3% )
zwischen Text und Bild sicher. In der rechten Spalte  
+
zwischen Text und Bild sicher. In der rechten Spalte  
 
sitzt das Bild durch <nowiki>valign="top"</nowiki> oben.
 
sitzt das Bild durch <nowiki>valign="top"</nowiki> oben.
  
 
|width="3%"|
 
|width="3%"|
  
|valign="top"|[[Bild:RMG.jpg]]
+
|valign="top"|[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
  
 
|}
 
|}
Zeile 71: 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 113: 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 127: Zeile 119:
 
|}
 
|}
  
 
+
===2 Spalten ===
 
+
===Tipp===
+
 
{|
 
{|
 
|width=500px; valign="top" |
 
|width=500px; valign="top" |
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!
+
{|
 +
 
 +
|width=200px|Spalte 1
 +
 
 +
(die erste hat ein feste Breite 400px)
 +
|width=5px|
 +
|valign="top" | Spalte 2
 +
 
 +
|}
  
 
|width=5px|
 
|width=5px|
 
|valign="top" |
 
|valign="top" |
 
<pre>{|
 
<pre>{|
|width=500px|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!
 
  
 +
|width=400px|Spalte 1
 +
 +
(die erste hat ein feste Breite 400px)
 
|width=5px|
 
|width=5px|
|valign="top" |
+
|valign="top" | Spalte 2
Spalte 2
+
 
 
|}</pre>
 
|}</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

|}