#
#
#

Tabellen

Wenn Sie nicht die Befehle für die Einstellungen der Tabellen kennen, wird Ihre Webseite nicht funktionieren.

Befehle:

 

Arbeiten Sie mit Dreamweaver? - dann können Sie diese kurze Slideshow durchlaufen, sie wird Ihnen alle wichtigen Funktionen von Dreamweaver in Zusammenhang mit Tabellen aufzeigen.

Um die Slideshow zu starten, dürcken Sie bitte auf den rechten Pfeil.

Dreamweaver kann man kostenfrei als 30-Tage-Testversion herunter laden! - Sollten Sie Probleme mit dem Download von Dreamweaver haben, oder wissen Sie nicht wie man damit arbeitet, dann sollten Sie einen Blick in meine-erste-Homepage-Tutorial werfen!

 

Eine Tabelle ohne zusätzliche Befehle setzt sich wie folgt zusammen:

Achtung: Die mit rot markierten Zeichen sind frei gewählt, sie können von Ihnen nach Ihren wünschen geändert werden.

Code Entwurf
<table width="179" border="1">
<tr>
<td> &nbsp; </td>
</tr>
</table>
 
Erklärung:  
width="179" Beschreibt die Länge der Tabelle in Pixel
border="1" Breite des Rahmen
<tr> </tr> Gibt die Zeile an
<td> </td> Gibt die Spalte an
&nbsp; Gibt den leeren raum an - wird später durch den eingefügten Inhalt ersetzt

 

 

Wo müssen die Befehle stehen?

Die Befehle müssen immer vor dem >-Zeichen des ersten Tags stehen, also:

<table (Befehle stehen hier)>

<tr (Befehle stehen hier - normalerweise vergibt man an 'tr' keine Befehle)>

<td (Befehle stehen hier)>

 

 

Weitere wichtige Befehle:

 

Befehl Beschreibung
height="200" Beschreibt die Höhe der Zeile in Pixel
bgcolor="#CCCCCC" Hintergrund-Farbe
valign="baseline" Alle Angaben unabhängig von der Angabe der Länge werden in die erste Zeile geschrieben
valign="middle" Alle Angaben werden in die Mitte der Tabelle geschrieben
valign="bottom" Alle Angaben werden auf dem 'Boden' der Tabelle geschrieben
valign="top" Alle Angaben werden ganz oben in die Tabelle geschrieben
cellspacing="" cellpadding="" Diese zwei Befehle sind für den Platz der Tabellen gegenseitig verantwortlich - steht keine zahl zwischen den Gänsefüßchen heißt das das der Wert null ist

 

 

Das sollten Sie noch Wissen:

 

Die Angaben bei height & width sind in Pixel, jedoch können Sie diese Angaben auch in Prozent vornehmen, indem Sie das Prozentzeichen - % - daran anhängen. Bsp.: height="50%"

Der Befehl valign ist wichtig. Vor allem wird valign="top" oft benutzt. Das liegt daran das wenn sich zwei Spalten gegenüber stehen und eine davon größer ist als die andere, der Inhalt der kleineren Seite nicht am Anfang, sondern irgendwo in der Mitte der Tabelle steht:

Beispiel 1: Ohne den Befehl: valign="top"

Hier sollte der Befehl valign="top" zum Einsatz kommen! Der Befehl valign ist wichtig. Vor allem wird valign="top" oft benutzt. Das liegt daran das wenn sich zwei Spalten gegenüber stehen und eine davon größer ist als die andere, der Inhalt der kleineren Seite nicht am Anfang, sondern irgendwo in der Mitte der Tabelle steht:

Beispiel 2: Mit dem Befehl: valign="top"

Hier sollte der Befehl valign="top" zum Einsatz kommen! Der Befehl valign ist wichtig. Vor allem wird valign="top" oft benutzt. Das liegt daran das wenn sich zwei Spalten gegenüber stehen und eine davon größer ist als die andere, der Inhalt der kleineren Seite nicht am Anfang, sondern irgendwo in der Mitte der Tabelle steht:

 

Viel Erfolg mit Ihrer neuen Webseite wünscht Ihnen das aWebz-Team

 

Impressum | Site Map | Private Richtlinien | Kontakt | ©2005 aWebz.de

 

Malta

Mehr Asian: China | Chongqing | Singapur

Wagner-Consulting | Übersetzungen, Unternehmensberatung, Unternehmensgründung, Partner für den asiatischen Markt