TABLES

border

collapse

dotted

dashed

double

outset

inset

ridge

groove

The Caption
R1 C1 R1 C2 R1 C3

  • align Horizontal alignment
    not-aligned not-aligned not-aligned
    centre left right
          <table border>
    	<tr>
              <td align="CENTER">centre</td>
              <td align="LEFT">left</td>
              <td align="RIGHT">right;/td>
            </tr>
          </table>
          
  • valign Vertical alignment
    not
    vertically
    aligned
    top
    not
    vertically
    aligned
    middle
    not
    vertically
    aligned
    bottom
          <table border>
            <tr>
    	  .............
              <td valign="TOP">top</td>
            </tr>
            <tr>
    	  .............
              <td valign="MIDDLE">middle</td>
            </tr>
            <tr>
    	  .............
              <td valign="BOTTOM">bottom</td>
            </tr>
          </table>
          
  • <table border=1 bgcolor=yellow>
    STYLE="background-image: url('your_image.gif');>
    <td width=50%>
    <td height=100>
    &nbsp;    "non line breaking character"

    html" TARGET="_blank"> two

    <td width=300" align="left" valign="top" style="background:url('http://i274.photobucket.com/albums/jj270/rentmeawebsite/5-girl/girl2.png') no-repeat;">

    Table Generator


    Are you having a little trouble making a table, or just don't want to type out the code? Use this feature-rich JavaScript program to help you!

    Table Width (in pixels):
    Cell Padding:
    # of rows:
    # of columns per row:
    Table Border (in pixels):
    Background Color:
    Table Alignment:
    Table Cell Alignment:
    Table Cell Vertical Alignment:





    Table Code:
       

    DYNAMIC

    TABLES

    in

    INTERNET EXPLORER 4