Hilfe:Tabellen: Unterschied zwischen den Versionen

Aus RMG-Wiki
Wechseln zu: Navigation, Suche
(2 Spalten (die erste hat ein feste Breite 400px))
(Kategorie:Hilfen-Export)
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  
Zeile 22: Zeile 21:
 
|width="3%"|
 
|width="3%"|
  
|valign="top"|[[Bild:RMG.jpg]]
+
|valign="top"|[[Datei:DBPB 1952 93 Walther Rathenau.jpg|100px]]
  
 
|}
 
|}
Zeile 101: Zeile 100:
 
{|
 
{|
 
|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 112:
 
|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 126: Zeile 125:
  
 
|}
 
|}
 
 
  
 
===2 Spalten ===
 
===2 Spalten ===
Zeile 155: Zeile 152:
  
 
|}
 
|}
 +
 +
 +
<noinclude>[[Kategorie:Hilfen-Export]]</noinclude>

Version vom 5. Januar 2013, 23:50 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

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:#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

|}