Spaces between images in table

Discussion in 'HTML & Website Design' started by bacanze, Oct 29, 2006.

  1. #1
    Hi

    Please can someone help me out, my site www.ferrari-cars.net which im desgining is displaying slight gaps between the images, ive made sure there is no cell padding or spacing, also made sure that height of cells matches image height and set v space to 0, please help.
     
    bacanze, Oct 29, 2006 IP
  2. chris20492002

    chris20492002 Guest

    Messages:
    1,136
    Likes Received:
    23
    Best Answers:
    0
    Trophy Points:
    0
    #2
    your link redirects to ferrariworld.com is that the site you are talking about?
     
    chris20492002, Oct 29, 2006 IP
  3. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #3
    sorry about that, fixed it
     
    bacanze, Oct 29, 2006 IP
  4. mcfox

    mcfox Wind Maker

    Messages:
    7,526
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #4
    Well, one of the errors is the bottom of the larger table cells, you have defined the height the wrong size; td is at 62 and the image is 60:
        <td [COLOR="RoyalBlue"]height="62"[/COLOR] colspan="3" rowspan="2"><img src="images/bottom_box.gif" width="562" [COLOR="#4169e1"]height="60"[/COLOR] /></td>
    Code (markup):
    The little button thingy on the left is suffering from the same problem:
    <td width="116" [COLOR="Blue"]height="22"[/COLOR]><img src="images/navigation_top.gif" width="112" [COLOR="#0000ff"]height="28"[/COLOR] /></td>
    Code (markup):
    You also have some widths that are the incorrect size for the image. That's okay if you want the image to repeat itself but not if you don't. You might benefit from adding a valign to the cell like so:

    <td width="116" height="28" [COLOR="Green"]valign="top"[/COLOR]><img src="images/bottom_navigation.gif" width="116" height="28" /></td>
    Code (markup):
     
    mcfox, Oct 29, 2006 IP
  5. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks

    I could see why I was getting the problem, so i deleted eberything & made a new table
     
    bacanze, Oct 29, 2006 IP
  6. mcfox

    mcfox Wind Maker

    Messages:
    7,526
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #6
    The middle section of the small nav box is still out - the width value is 4px greater than the top and bottom images. ;)
     
    mcfox, Oct 29, 2006 IP