why does one of these table codes have issues and not the other?

  • Author
    Posts
  • #248817

    cathychua
    Member

    I have two lots of code below for tables. The first displays fine. The second when displayed leaves about 6 inches of blank space before starting. I can’t see anything in the two lots of code to see why one would be an issue and the other not, so hoping somebody else could take a look. I’m using firefox as my browser.

    Also, perhaps somebody could copy it into a post and see if they have the same issues. Thanks!

    Code for table one:

    <table cellspacing=”2″ cellpadding=”0″ width=”450″ align=”center” border=”0″><tbody><tr><td rowspan=”4″></td><td width=”150″ rowspan=”4″></td>
    <td><span style=”color:#000000;font-size:2em;”>♠</span></TD><TD width=”150″> 5432</TD>

    <td rowspan=”4″></td><td width=”150″ rowspan=”4″></td></tr>
    <tr><td><span style=”color:#ff0000;font-size:2em;”>♥</span></TD><TD width=”150″>5432</td></tr>
    <tr><td><span style=”color:#ff0000;font-size:2em;”>♦</span></TD><TD width=”150″>5434</td></tr>
    <tr><td><span style=”color:#000000;font-size:2em;”>♣</span></TD><TD width=”150″>5432</td></tr>
    <tr><td><span style=”color:#000000;font-size:2em;”>♠</span></TD><TD width=”150″></td>
    <TD rowspan=”4″></TD><td width=”150″ rowspan=”4″ valign=”center”><img alt=”Box” src=”http://www.bridgeblogging.com/photos/uncategorized/2007/10/01/box.gif” border=”0″ /></td>
    <td><span style=”color:#000000;font-size:2em;”>♠</span></TD><TD width=”150″>21345</td></tr>
    <tr><td><span style=”color:#ff0000;font-size:2em;”>♥</span></TD><TD width=”150″></td>
    <td><span style=”color:#ff0000;font-size:2em;”>♥</span></TD><TD width=”150″>2345</td></tr>
    <tr><td><span style=”color:#ff0000;font-size:2em;”>♦</span></TD><TD width=”150″>2335</td>
    <td><span style=”color:#ff0000;font-size:2em;”>♦ </span></TD><TD width=”150″>234</td></tr>
    <tr><td><span style=”color:#000000;font-size:2em;”>♣</span></TD><TD width=”150″>23</td>
    <td><span style=”color:#000000;font-size:2em;”>♣</span></TD><TD width=”150″>345</td></tr>
    <tr><td rowspan=”4″></td><td rowspan=”4″></td>
    <td><span style=”color:#000000;font-size:2em;”>♠</span></TD><TD width=”150″>4325</td>
    <td rowspan=”4″></td><td rowspan=”4″></td></tr>
    <tr><td><span style=”color:#ff0000;font-size:2em;”>♥</span></TD><TD width=”150″>2345</td></tr>
    <tr><td><span style=”color:#ff0000;font-size:2em;”>♦</span></TD><TD width=”150″>2345</td></tr>
    <tr><td><span style=”color:#000000;font-size:2em;”>♣</span></TD><TD width=”150″>5432</td></tr></tbody></table>

    Code for table 2:

    <table cellspacing=”2″ cellpadding=”0″ width=”400″ align=”center” border=”0″>
    <tbody><tr><Td width=”100″><b>West</b></td><Td width=”100″><b>North</b></Td>
    <Td width=”100″><b>East</b></Td><Td width=”100″><b>South</b></Td></tr>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD>Pass</TD>
    </TR>
    <TR>
    <TD>Pass</TD>
    <TD>3<span style=”color:#000000;font-size:1.6em;”>♠</span></TD>
    <TD>3NT</TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    </TABLE>

    #249013

    At the end of the second one, instead of “</table>” you need “</tbody></table>”.

    #249014

    cathychua
    Member

    Thanks for that suggestion, but it hasn’t made a whit of difference to the issue: still 6 inches of blank space above the actual table contents…..

    #249018

    Strange – I tested it and it did make the difference. Ok, try something else and see if it helps: repaste the code, switch to the Visual editor and back to the HTML editor again.

    #249020

    Plus, at first I checked it on Firefox. I did it again with Safari and it produced all sorts of extra code. Did you write it using Word? If so, go to the visual editor, click the “Paste from Word” icon, paste the code there, copy it from there, switch to the HTML editor and paste it.

    #249022

    Last suggestion due to a mistake of mine – ignore it.

    #249025

    cathychua
    Member

    Amazing. As far as I can tell repasting the code and switching to the Visual editor and then back again works! I wonder why? Thanks so much….

The topic ‘why does one of these table codes have issues and not the other?’ is closed to new replies.