Quote:
Originally Posted by Live Wire
The Tab button is my best friend. And i can't stress this enough. WHITESPACE!!!!!.
Wrong
HTML Code:
<table class="class" cellpadding="0" cellspacing="0" width="100%" border="0"><tr>
<td>Hello</td>
</tr></table>
Right!
HTML Code:
<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:
HTML Code:
<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
HTML Code:
<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.
|
true true.
Allthoguh I've also got to say that in the small field we have for editing templates, it all gets shoved together, which is kind of sad. Never got used to clicking the button for a bigger field...