Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Remove extra space in TD

    I'm having a major problem! I have an image that is 770x267 px. Its my banner. I hav a table... one TD by itself... 1x1 table. Then in the td after... I want the menubar to follow in the next td... BUT there is this space after the image in the first td... and I can't get rid of it. I've even tried some resizing and crafting with css... NOTHING WORKS!!!
    Here is the code:
    Code:
    <html>
      <head>
        <title>CLink.com</title>
        <style>
        <!--
          TABLE     {
                    padding:0px;
                    cell-padding:0px;
                    cell-spacing:0px;
                    }
                    
          #bannerTd {
                    height:260px;
                    overflow:hidden;
                    text-align:center center;
                    display:block;
                    }       
        
        
        -->
        </style>
      </head>
      
    <body background="mainbg.gif" style="background-repeat:repeat; margin:0px;">
      <table width="770px" border="1" align="center" cellspacing="0" cellpadding="0">
        <tr>
          <td id="bannerTd">
            <img src="clink2.gif" border="1">
          </td>
        </tr>
        
        <tr>
      </table>
    
    </body>
    </html>
    Right where the RED arrow points... there is that space right there
    Attached Thumbnails Attached Thumbnails Remove extra space in TD-sample.gif  
    Last edited by jaywhy13; 07-06-2005 at 03:16 AM.
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #2
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    add this to the css

    td{margin:0;padding:0;}

  • #3
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Link?

  • #4
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ranger56
    add this to the css

    td{margin:0;padding:0;}
    Didn't work... tried that already.
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #5
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ranger56
    Link?
    Pic Uploaded...
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #6
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    #bannerTd {
    height:260px;
    overflow:hidden;
    text-align:center center;
    display:block;
    margin-bottom:-*px
    }


    Change the * to a number.

  • #7
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ranger56
    #bannerTd {
    height:260px;
    overflow:hidden;
    text-align:center center;
    display:block;
    margin-bottom:-*px
    }


    Change the * to a number.
    That doesn't work either.... Even when I put a FAT number in there... it doesn't change anything! I also tried moving the height to less than 260px and that didn't even chance a THING! wots happenin here!!!???
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #8
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    SOLVED IT!!!! I had to reduce the font-size to 0. Apparently, it was adding some \n or some special character after the image.
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #9
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Weird

  • #10
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,696
    Thanks
    0
    Thanked 232 Times in 227 Posts
    Hi there jaywhy13,

    have you tried removing the white space?

    Instead of...
    Code:
     
      <tr>
          <td id="bannerTd">
            <img src="clink2.gif" border="1">
          </td>
        </tr>
    
    ...try it like this...
    Code:
       
        <tr>
          <td id="bannerTd"><img src="clink2.gif" border="1"></td>
        </tr>
    
    coothead

  • #11
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by coothead
    Hi there jaywhy13,

    have you tried removing the white space?

    Instead of...
    Code:
     
      <tr>
          <td id="bannerTd">
            <img src="clink2.gif" border="1">
          </td>
        </tr>
    
    ...try it like this...
    Code:
       
        <tr>
          <td id="bannerTd"><img src="clink2.gif" border="1"></td>
        </tr>
    
    coothead

    That works 2... and I can see why. So much for html ignoring those special characters... thats a flaw ain't it?
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #12
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jaywhy13
    That works 2... and I can see why. So much for html ignoring those special characters... thats a flaw ain't it?

    What special characters?

  • #13
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ranger56
    What special characters?
    I think i was reading some where and it said that HTML ignores whitespace characters.
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished

  • #14
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Not IE6 for windows, IE reads whitespace as slight line breaks sometimes.

  • #15
    Regular Coder
    Join Date
    Dec 2004
    Location
    Jamaica
    Posts
    592
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_
    Not IE6 for windows, IE reads whitespace as slight line breaks sometimes.
    Yea... thats wot I'm learning now. I'd have never thought of that as the problem. However, I vageuly remember using the font-size trick....
    I'm gonna find a way to download the internet if its the last thing I do...
    Prepare to bow down to me (or my grave) and call me almighty when the algorithm is finished


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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