Help! Why is there such a huge gap with my table??

[leematthews]

Check it out: http://www.matthewdlee.com/blog
I just made an entry...There is just this gaping space for whatever reason. The blog is derived from blogger.com and I update posts through it. Anyway, this was the code in my post:

test text<table style="vertical-align: top;" border="1" cellpadding="0" cellspacing="0" width="400">
<tbody><tr>
<td class="style22" width="35"><div class="style1" align="center">Pick</div></td>
<td width="50"><div class="style1" align="center">Team</div></td>
<td class="style22" width="309"><div class="style1" align="center">Selection</div></td>
</tr>
<tr>
<td class="style22"><div class="style1" align="center">1</div></td>
<td><div align="center"><img src="http://matthewdlee.com/blog/images/portland_trail_blazers_logo.png" height="50" width="50" /></div></td>
<td class="style22 style4 style7"><strong>Greg Oden</strong>, <em>Ohio State </em>
Center, 7-0 260 Freshman
<em>Description of the pick goes here</em></td>
</tr>
<tr>
<td class="style22"><div class="style1" align="center">2</div></td>
<td><div align="center"><img src="http://matthewdlee.com/blog/images/seattle_superSonics_logo.png" height="50" width="50" /></div></td>
<td class="style22 style4 style7"><strong>Kevin Durant</strong>, <em>Texas</em>
Small Forward, 6-9 215 Freshman
<em>Description of the pick goes here</em></td>
</tr>
<<<<<CONTINUES SO ON + SO FORTH FOR EACH TEAM>>>>>
</tbody></table>
Notes: I added the 'align=top' to no avail...so anyone with any help on this? Anyway, Yes I do know that I am missing the images for the Bucks, Pistons and Hornets

[Veronica]

The problem is in your table. You have dozens of <br /> where they don't belong, maybe over a hundred. You shouldn't have any <br /> between the table, td, and tr tags. Delete all of them and it should look fine.

[leematthews]

OK i see what you're talking about when I click on the 'view page source,' but when I make the entry via blogger.com, I don't have any < /br>'s in my HTML Code.

My friend pointed that out to me and I took them out...

Is there any way to do this from the edit html part of blogger.com? Or do i have to go in and manually alter it??

[Veronica]

I don't know how blogger.com works. If they have some way to edit the actual source code, you should be able to make the change

Instead of manually removing them, you could select the entire table, paste it nto a text editor like ultraedit, and just replace all the <br /> with either nothing or a line break.

I'd suggect the line break. I suspect the <br /> were added because your entire code for the table is on a single line. I don't know if that was how you entered it, but that's how it's displaying when you view the source on blogger.com

[leematthews]

alright i went in manually and got rid of all the <br />'s

unfortunately...I think if i make a new post, blogger.com will send it through the FTP and everything will get written over again =\

[Veronica]

It looks fine now.

The code also looks as if each table row and cell has its own line, so it's possible that if you post it again in that format, it will continue to look all right.