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...)
 
Zeile 2: Zeile 2:
 
=== 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="30%" |Hier können Sie einen echten Text einfügen. Das zugehörige Bild steht nebenan.  
 +
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%"|
 
|valign="top" |[[Bild:RMG.jpg]]
 
|valign="top" |[[Bild:RMG.jpg]]
 
|}
 
|}
  
 +
|width=5px|
 +
|valign="top" |
 
<pre>
 
<pre>
 
{|
 
{|
|width="30%" |Hier können Sie einen echten Text einfügen. Das zugehörige Bild steht nebenan.
+
|width="30%"  
Dieser Text kann auch länger sein.  
+
|Hier können Sie einen echten Text
Die verwendete Tabelle hat drei Spalten, wobei die mittlere leer und sehr schmal ist,  
+
einfügen. Das zugehörige Bild steht nebenan.  
und nur den notwendigen Abstand zwischen Text und Bild sicherstellt.
+
Die verwendete Tabelle hat drei Spalten,  
|width="3%"|<!--Diese Spalte bleibt leer und legt den Abstand zwischen Text und Bild fest-->
+
wobei die mittlere leer und sehr schmal ist,  
|valign="top" |[[Bild:RMG.jpg]]
+
und den Abstand 5px zwischen Text
 +
und Bild sicherstellt.
 +
 
 +
|width="3%"
 +
|
 +
 
 +
|valign="top"
 +
|[[Bild:RMG.jpg]]
 
|}
 
|}
 
</pre>
 
</pre>
 +
 +
 +
|}
 +
 +
 +
 +
  
  

Version vom 6. November 2010, 23:50 Uhr

Positionierung von Text und Bild mit Hilfe einer Tabelle

Hier können Sie einen echten Text einfügen. Das zugehörige Bild steht nebenan.

Die verwendete Tabelle hat drei Spalten, wobei die mittlere leer und sehr schmal ist, und nur den Abstand 5px zwischen Text und Bild sicherstellt.

RMG.jpg
{|
|width="30%" 
|Hier können Sie einen echten Text
einfügen. Das zugehörige Bild steht nebenan. 
Die verwendete Tabelle hat drei Spalten, 
wobei die mittlere leer und sehr schmal ist, 
und den Abstand 5px zwischen Text
und Bild sicherstellt.

|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 Datei:Theli3.jpg
{| border="1" cellspacing="0"  valign="top"
| width="5%" | A1  
| width="10%" | B1
| width="20%" | C1
|-valign="top"
| A2
| B2
| [[Bild:theli3.jpg]]
|}


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
|}


Tipps

  • 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!
  • Tabellen (Hilfe im ZUM-WIKI)