Untitled Document</ title> <style type="text/css"> table {border:#000000 1px solid; } td {border:#000000 1px solid; } </style> </head> <body> <table align="center" border="0" width="640" height="480" cellspacing="0" cellpadding="0" style="background-image:url('images/mp3blue.gif')"> <caption>Table Layout</caption> <tr height="200"> <th>Column 1</th> <th>Column 2</th> </tr> <tr height="24"> <td align="center" valign="top" width="180" style="background-color:#000; background-image:url('images/tile.gif'); background-repeat:no-repeat;">Some text</td> <td style="text-align:left; color:#fff; background-color:#000;"> Some text</td> </tr> <tr height="256"> <td> </td> <td align="left" valign="top" style="color:#eeffff;"><div style="margin-left:20px;">Additional text goes here. It's been placed with the align and valign attributes.</div></td> </tr> <tr> <td colspan="2"><img src="images/wide_pic.gif" /></td> </tr> </table> </body> </html>