Html Tips and Tricks

Tuesday, June 01, 2004

Create a Little Table

This html tip will allow you to create tables like this one:
Html Table1
Html Table2
Html Table3
Html Table4


The code for that table was:
<table style="text-align: left; width: 100%;" border="3"
cellpadding="2">
<tbody>
<tr ="">
<td style="vertical-align: top;">Html Table1<br>
</td>
<td style="vertical-align: top;">Html Table2<br>
</td>
</tr>
<tr>
<td style="vertical-align: top;">Html Table3<br>
</td>
<td style="vertical-align: top;">Html Table4<br>
</td>
</tr>
</tbody>
</table>
<br>


When inserting the above code, make sure you put the top two lines onto ONE line.
If you would like to add another cell in an existing row, simply put in another
<td style="vertical-align: top;">Html Table2<br>
</td>

in the appropriate location.
If you would like to add a new row, put in a
</tr>
<tr>

in the appropriate location.
Obviously, be sure to change the Html Table text in my example.
You can also fiddle around with the numbers in the code of this html tip, especially stuff in the first line.
This tip can lead to more advanced table formatting.
If you liked this tip, you will probably also like this tip, which is about forms.


NEED EXTRA HELP? HAVE A SUGGESTION? HAVE SOMETHING TO ADD? PLEASE POST COMMENTS WHILE LOOKING AT ALL THESE USEFUL HTML TIPS AND TRICKS. THANK YOU!

0 Comments:

Post a Comment

<< Home


Hit Counter