html tables question!

[ameo]

i don't know if this is is s9y issue or not but i'd like to take your opinion about it. when i post tables it always act like this
this is how i see the page screenshot

Woodward-Fieser Rules for Dienes.

is there anything wrong with my tables codes?
Hope you can help

thanks

Source

Code: Select all

<p>
<table width="100%" cellspacing="0" cols="4" cellpadding="4" align="center" border="0">
<tbody>
<tr bgcolor="gray">
<td valign="center" align="middle" colspan="4">
<h3>Woodward-Fieser Rules for Dienes</h3></td></tr>
<tr>
<td> </td>
<td> </td>
<td valign="center" align="middle">Homoannular<br />(cisoid)</td>
<td valign="center" align="middle">Heteroannular<br />(transoid)</td></tr>
<tr>
<td valign="center" align="left" colspan="2">Parent</td>
<td valign="center" align="middle"><font face="Symbol">l</font>=253 nm</td>
<td valign="center" align="middle"><font face="Symbol">l</font>=214 nm<br />=217 (acyclic)</td></tr>
<tr>
<td valign="center" align="left" colspan="4">Increments for:</td></tr>
<tr>
<td> </td>
<td valign="center" align="left">Double bond extending conjugation</td>
<td valign="center" align="middle">30</td>
<td valign="center" align="middle">30</td></tr>
<tr>
<td> </td>
<td valign="center" align="left">Alkyl substituent or ring residue</td>
<td valign="center" align="middle">  5</td>
<td valign="center" align="middle">  5</td></tr>
<tr>
<td> </td>
<td valign="center" align="left">Exocyclic double bond</td>
<td valign="center" align="middle">  5</td>
<td valign="center" align="middle">  5</td></tr>
<tr>
<td valign="center" align="left" colspan="4">Polar groupings:</td></tr>
<tr></tr>
<tr>
<td> </td>
<td valign="center" align="left">-OC(O)CH<sub>3</sub></td>
<td valign="center" align="middle">  0</td>
<td valign="center" align="middle">  0</td></tr>
<tr>
<td> </td>
<td valign="center" align="left">-OR</td>
<td valign="center" align="middle">  6</td>
<td valign="center" align="middle">  6</td></tr>
<tr>
<td> </td>
<td valign="center" align="left">-Cl, -Br</td>
<td valign="center" align="middle">  5</td>
<td valign="center" align="middle">  5</td></tr>
<tr>
<td> </td>
<td valign="center" align="left">-NR<sub>2</sub></td>
<td valign="center" align="middle">60</td>
<td valign="center" align="middle">60</td></tr>
<tr>
<td> </td>
<td valign="center" align="left">-SR</td>
<td valign="center" align="middle">30</td>
<td valign="center" align="middle">30</td></tr></tbody></table></p>

<hr />

<div class="BASIC">
<h3>Example 1:</h3>
<table width="60%" cellspacing="0" cols="3" cellpadding="4" align="center" border="0">
<tbody>
<tr>

</tr>
<tr>
<td valign="center" align="middle" colspan="3"><img src="http://www.bluecirclet.com/uploads/example.gif" nosave="" height="62" width="121" alt="example" border="0" /></td></tr>
<tr>
<td>Transoid:</td>
<td> </td>
<td valign="center" align="right">217 nm</td></tr>
<tr>
<td>Alkyl groups or ring residues:</td>
<td>3 x 5 =</td>
<td valign="center" align="right"><u>15 nm</u></td></tr>
<tr>
<td>Calculated:</td>
<td> </td>
<td valign="center" align="right">232 nm</td></tr>
<tr>
<td>Observed:</td>
<td> </td>
<td valign="center" align="right">234 nm</td></tr></tbody></table>
<h3>Example 2:</h3>
<table width="60%" cellspacing="0" cols="3" cellpadding="4" align="center" border="0">
<tbody>
<tr>

</tr>
<tr>
<td valign="center" align="middle" colspan="3"><img src="http://www.bluecirclet.com/uploads/example01.gif" nosave="" height="78" width="69" alt="example01" border="0" /></td></tr>
<tr>
<td>Cisoid:</td>
<td> </td>
<td valign="center" align="right">253 nm</td></tr>
<tr>
<td>Alkyl groups or ring residues:</td>
<td>2 x 5 =</td>
<td valign="center" align="right"><u>10 nm</u></td></tr>
<tr>
<td>Calculated:</td>
<td> </td>
<td valign="center" align="right">263 nm</td></tr>
<tr>
<td>Observed:</td>
<td> </td>
<td valign="center" align="right">256 nm</td></tr></tbody></table>
<h3>Example 3:</h3>
<table width="60%" cellspacing="0" cols="3" cellpadding="4" align="center" border="0">
<tbody>
<tr>

</tr>
<tr>
<td valign="center" align="middle" colspan="3"><img src="http://www.bluecirclet.com/uploads/example02.gif" nosave="" height="123" width="148" alt="example02" border="0" /></td></tr>
<tr>
<td>Transoid:</td>
<td> </td>
<td valign="center" align="right">214 nm</td></tr>
<tr>
<td>Alkyl groups or ring residues:</td>
<td>3 x 5 =</td>
<td valign="center" align="right">15 nm</td></tr>
<tr>
<td>Exocyclic double bond:</td>
<td> </td>
<td valign="center" align="right"><u>5 nm</u></td></tr>
<tr>
<td>Calculated:</td>
<td> </td>
<td valign="center" align="right">234 nm</td></tr>
<tr>
<td>Observed:</td>
<td> </td>
<td valign="center" align="right">235 nm</td></tr></tbody></table>
<h3>Example 4:</h3>
<table width="60%" cellspacing="0" cols="3" cellpadding="4" align="center" border="0">
<tbody>
<tr>

</tr>
<tr>
<td valign="center" align="middle" colspan="3"><img src="http://www.bluecirclet.com/uploads/example03.gif" nosave="" height="108" width="173" alt="example03" border="0" /></td></tr>
<tr>
<td>Cisoid:</td>
<td> </td>
<td valign="center" align="right">253 nm</td></tr>
<tr>
<td>Alkyl groups or ring residues:</td>
<td>4 x 5 =</td>
<td valign="center" align="right">20 nm</td></tr>
<tr>
<td>Exocyclic double bond:</td>
<td> </td>
<td valign="center" align="right"><u>5 nm</u></td></tr>
<tr>
<td>Calculated:</td>
<td> </td>
<td valign="center" align="right">278 nm</td></tr>
<tr>
<td>Observed:</td>
<td> </td>
<td valign="center" align="right">275 nm</td></tr></tbody></table>

<hr />
</div>

[yellowled]

i don't know if this is is s9y issue or not but i'd like to take your opinion about it. when i post tables it always act like this

I'm not sure what you mean, but it seems pretty obvious that this was created by a WYGIWYS editor going berserk. There are a lot of unneccessary <br /> tags in that page, which is why it looks so cluttered.

Which editor are you using in s9y?

YL

[Don Chambers]

Before I even look at your table code, make sure you have the nl2br plugin disabled for any entry that uses a lot of html directly within the entry. You might need to do your line breaks manually with <br />, or wrap paragraphs in <p>'s.

[ameo]

@ yellowled: FCK editor

@ Don Chambers: thanks, after disabling nl2br plugin it worked just as expected..

thanks guys.