H I O X INDIA
Kostenlose HTML - Tutorial
 HOME  ||  HTML ||  Javascript ||  CSS ||  SEO ||  MySQL  english  Français  中文  Español

HTML Grundlagen
Einleitung
Wie Zu
Tags Liste
html, head, body
Text Manipulation
Bilder
Special Effects
Verwertung Tabellen
Forms
Weitere Themen
Subscript & Superscript
Phrase tag
Bullet Stile
Feedback

Tabelle Anpassung-Code


Inhalt

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




privacy policy     license     sitemap
© 2004-2009 HIOX INDIA - hioxindia.com

Weitere Links