www.webdeveloper.com
Results 1 to 8 of 8

Thread: Pesky little gap

  1. #1
    Join Date
    Jun 2004
    Posts
    5

    Pesky little gap

    I'm working on my website and i have a pesky little gap at the bottom. I'm not sure whats causing it but if someone wants to take a look, i'd greatly appreciate it. http://68.75.17.128/sas.html. If my IP changes i'll update it. The domain is menofchrist.com but the dns is down for now.

  2. #2
    Join Date
    Apr 2004
    Location
    Warner Robins, GA
    Posts
    90
    I'll avoid the obvious suggestion of moving to CSS instead of tables... That's what everyone will tell you, and it's true.

    Anyway, I looked at the graphics you're using to create the site and I think sbr2.gif is a bit too short. Also, the bottom graphic, bc.gif, has too much white at the top of it and seems to be pushing it down a little too far.

    Looking at the site in Mozilla, that's the only graphics-related error I see. In IE, I see two gaps. One on the left and one on the right. But you didn't specify about the gap. What are you seeing? One gap (on the right) or two (on both sides)?

  3. #3
    Join Date
    Jun 2004
    Posts
    5
    I'm using IE, and I see both. The size shouldn't be a problem though as no matter how big i make it, there seems to be this gap I was playing w/ the height command it it was still there. As far as css goes, i know nothing about it :-/

  4. #4
    Join Date
    Jun 2004
    Posts
    5
    i have the same problem happing here: http://68.75.17.128/sasp.html

  5. #5
    Join Date
    Nov 2002
    Location
    Auburn, AL
    Posts
    9,224
    The image on the right bottom is not going down far enough, I outlined all of hte table cells with my browser. You can turn on the cell border to see it. The same problem is affecting the other two imags there. I would use css to pull them to where they need to be, using a negative margin.
    style="margin-bottom:-2px;"
    for the right bottom one and the rounded images blow it. The top looks more like a border isuse, but you can try pull down that image too.

  6. #6
    Join Date
    Jun 2004
    Posts
    5
    can you show me an example of how to actually use that css code, possible incorprate it into the sasp.html file?
    Last edited by osukid25; 06-04-2004 at 10:39 AM.

  7. #7
    Join Date
    Apr 2004
    Location
    Warner Robins, GA
    Posts
    90
    Here's the code from the sasp.html file:

    PHP Code:
    <table border="0" cellspacing="0" cellpadding="0" >
     <
    TR>
      <
    TD vALIGN=bottom>
       <
    IMG SRC="tbtr.gif">
      </
    TD>
     </
    TR>
     <
    TR>
      <
    TD vALIGN=top>
       <
    IMG SRC="tbbr.gif">
      </
    TD>
     </
    TR>
     <
    TR>
      <
    TD>
       
    Test
      
    </TD>
     </
    TR>
    </
    TABLE
    Here's how to incorporate what PeOfEo was telling you about:

    PHP Code:
    <table border="0" cellspacing="0" cellpadding="0" >
     <
    TR>
      <
    TD vALIGN=bottom>
       <
    IMG style="margin-bottom:-4px;" SRC="tbtr.gif">
      </
    TD>
     </
    TR>
     <
    TR>
      <
    TD vALIGN=top>
       <
    IMG SRC="tbbr.gif">
      </
    TD>
     </
    TR>
     <
    TR>
      <
    TD>
       
    Test
      
    </TD>
     </
    TR>
    </
    TABLE
    It pulls the bottom image up against the top image.

  8. #8
    Join Date
    Jun 2004
    Posts
    5
    thanks for all your help fellas, but i got it fixed, the problem was that i had a return before the </TD> command. Thanks again!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles