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 |