Tabelle Anpassung-Code

Wie kann ich eine Tabelle anpassen?
Wie kann ich Text innerhalb von Zeilen und Spalten positionieren?

Erklärung

Tabelle Anpassung


Tabellen können auf der like/rechte Seite oder in der Mitte positioniert werden mit dem Attribut "align" in den table Tag.
Beispiel

Example Code


<table border=1 bgcolor="green" width=300 height=100 align=center>
<tr height=30>
<td>
HAI
</td>
<td>
Hello
</td>
</tr>
<tr height=70>
<td>
Table Alignment
</td>
<td background="./test.jpg">
This is 2nd row 2nd column <br><br> Nice background
</td>
</tr>
</table>

Result:


HAI Hello
Table Alignment This is 2nd row 2nd column
Nice background

Inhalt (Text) in Spalten positionieren


Der Inhalt (Text,Bild,etc..) in Spalten kann horizontal angepasst werden mit dem Tag Attribut "align"
Der Inhalt (Text,Bild,etc..) in Spalten kann vertikal angepasst werden mit dem Tag Attribut "valign"
ALIGN kann hat die Werte: LEFT/RIGHT/CENTER
VALIGN kann hat die Werte TOP/BOTTOM/CENTER
Beispiel

Example Code


<table border=1 bgcolor="green" width=80% height=30%ALIGN=center>
<tr height=20%>
<td align=center>
center
</td>
<td align=right>
right
</td>
</tr>
<tr height=70% >
<td valign=top>
top
</td>
<td valign=bottom align=right background="./test.jpg">
Bottom <br><br>
</td>
</tr>
</table>

Result:


center right
top bottom right