Results 1 to 6 of 6

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

  1. #1
    Join Date
    Aug 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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

  2. #2
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  3. #3
    Join Date
    Aug 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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??

  4. #4
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  5. #5
    Join Date
    Aug 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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 =\

  6. #6
    Join Date
    Feb 2007
    Posts
    293
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •