I need help with an html code.?

[damdempsel]

Here is the code:
<table background="/images/header.png" align="center" width="500" height="45">
<tbody>
<tr>
<td align="center"><u><font size="5"> Members </font></u></td>
</tr>
</tbody>
</table>
<table background="/images/body.png" align="center" width="500" height="225">
<tbody>
<td align="center" valign="top"><font size="3"> Ultrack - Founder </font></td>
<td align="center" valign="top"><font size="3"> Z TITAN - Co-Founder </font></td>
<td align="center" valign="top"><font size="3"> C00lasdragonslayer - First member </font></td>
<td align="center" valign="top"><font size="3"> Damdempsel - Site designer </font></td>
</tbody>
</table>
<table background="/images/footer.png" align="center" width="500" height="45">
<tbody>
</tbody>
</table>


I need to make it so that I can have each name on a different line while still keeping the images put together. When I try adding <tr> and then the <td>'s or adding a <br> it ends up splitting up the header image from the body image. Is there a way that I can make the names on each line or do I just have to keep them the way they are?
Thanks.

 

[The Syko Ward]

Change the code to one big cell instead of a bunch of small ones then separate the lines.

The Syko Ward

 

[James]

It is best not to put the images into the tables. Rather, I would make the header, body and footer a single image, and then apply it as the background to the page. Then, you can put the names on top using whatever means you want, without having to worry about anything sliding apart.