lucy24 - 2:22 am on Jan 7, 2012 (gmt 0)

If you want to venture into CSS one toe at a time, why not start with your existing code? Lines like this

<table border="0" width="433" cellspacing="0" cellpadding="0">
or
<table border="0" width="100%" cellspacing="0" cellpadding="0">

can be expressed as

(in CSS)

table {border: none; border-collapse: collapse; margin: 0;}
td {padding: 0;}
img {border: none; text-decoration: none; margin: 0; padding: 0;}

(in HTML)

<table>
<tr>
<td>
<img src = "blahblah" width = "number" height = "number" alt = "blahblah">
</td>
</tr>
</table>

See how much cleaner it looks? And you haven't even changed anything yet :)