Keeping your nested TR's and TD's straight

[Logikos]

The Tab button is my best friend. And i can't stress this enough. WHITESPACE!!!!!.


Wrong

<table class="class" cellpadding="0" cellspacing="0" width="100%" border="0"><tr>
<td>Hello</td>
</tr></table>

Right!

<table class="class" cellpadding="0" cellspacing="0" width="100%" border="0">
        <tr>
                <td>Hello</td>
        </tr>
</table>

They both do the same thing, but isn't the second way eaiser to read? It also Helps you see which <td>'s, <table>'s, and <tr>'s are being closed properly. Because they will be inlined with each other vertically. If your <td></td> is a small line then place it in front and back like above. If its large Then you can do this:

<table class="class" cellpadding="0" cellspacing="0" width="100%" border="0">
        <tr>
                <td>
                        something pretty long will go here. Stop looking at my code<br />
                        something pretty long will go here. Stop looking at my code<br />
                        something pretty long will go here. Stop looking at my code<br />
                        something pretty long will go here. Stop looking at my code<br />
                        something pretty long will go here. Stop looking at my code<br />
                        something pretty long will go here. Stop looking at my code<br />
                        something pretty long will go here. Stop looking at my code<br />
                </td>
        </tr>
</table>

Also If you going to put a <table> inside a <table>, then keep the tabbing going. Like This

<table class="class" cellpadding="0" cellspacing="0" width="100%" border="0">
        <tr>
                <td>
                        <table class="class" cellpadding="0" cellspacing="0" width="100%" border="0">
                                <tr>
                                        <td>Blah</td>
                                </tr>
                        </table>
                </td>
        </tr>
</table>

Its just much nicer to see code like that. IMHO And if you do it this way, your almost guaranteed that it will work will all browsers. But of course it all depends on what else the code holds and what your trying to do.