Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus RMG-Wiki
Wechseln zu: Navigation, Suche
(Tipp)
Zeile 4: Zeile 4:
 
|width=500px|
 
|width=500px|
 
{|
 
{|
|width="30%" |Hier kannst du Text einfügen. Das zugehörige Bild steht nebenan.
+
|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.
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" |[[Bild:RMG.jpg]]
Zeile 15: Zeile 14:
 
{|
 
{|
  
|width="30%"|Hier kannst du Text einfügen.
+
|width="30%"|Die verwendete Tabelle hat drei Spalten.
Das zugehörige Bild steht nebenan.
+
Die erste Spalte nimmt 30% 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%"|

Version vom 7. November 2010, 11:20 Uhr

Positionierung von Text und Bild mit Hilfe einer Tabelle

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 valign="top" oben. RMG.jpg
{|

|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 valign="top" oben.

|width="3%"|

|valign="top"|[[Bild:RMG.jpg]]

|}


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

A1 B1 C1
A2 B2 C3
{| border="1" cellspacing="0"  valign="top"
| width="5%" | A1  
| width="10%" | B1
| width="20%" | C1
|-valign="top"
| A2
| B2
| C3
|}



Tabelle mit Rahmen, Spaltenbreite, Hintergrundfarbe und Textfarbe

Erste Spalte

Zweite Spalte

Dritte Spalte

{|style="background:#C4C4C4" 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
|}



Tipp

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=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=5px|
|valign="top" |
Spalte 2
|}