Results 1 to 4 of 4
  1. #1
    Join Date
    Jun 2002
    Location
    United Kingdom
    Posts
    1,238

    white line... cant get rid of it

    Hey there....

    I have done a header on a site, and its causing a white line in firefox, but not in IE... here is a link to a screen shot in firefox: http://www.osstorrents.com/osst.jpg

    the code for that header is:

    Code:
    <table cellpadding=0 cellspacing=0 style=\"width:100%;\">
      <tr>
        <td style=\"width:391px; height:124px;\"><img src=\"/images/header/OSSTlogohead.jpg\" alt=\"OssT\"></td>
        <td style=\"text-align: center; background:url(/images/header/headergrad.jpg); height:124px;\">&nbsp;</td>
      </tr>
    
      <tr>
        <td colspan=2 style=\"border-bottom:1px #000000 solid; text-align: center; background:url(/images/header/navbargrad.jpg);\">&nbsp;</td>
      </tr>
    </table>
    Anyone know why its causing this. both the background image and the logo are both 124px in height.... it looks like it starts repeating the background image again though to the right of the logo... i have no idea why

    Thanx

  2. #2
    Join Date
    Mar 2004
    Posts
    61
    althought I havent done html in a while, and I hate inline css, I would recommend you align all of the images, that might take care of it.

  3. #3
    Did you fix the problem? I checked in Firefox, IE, and Opera and I don't see the line. Is this problem not visible on the live site and only via the screenie?

  4. #4
    Join Date
    May 2005
    Location
    South Africa
    Posts
    17
    You can try one TD, that will at least have the background image go over the white nothing (line)

    Here's what I mean:

    Code:
    <table cellpadding=0 cellspacing=0 style=\"width:100%;\">
      <tr>
        <td style=\"text-align: center; background:url(/images/header/headergrad.jpg); height:124px;\"><img src=\"/images/header/OSSTlogohead.jpg\" alt=\"OssT\"></td>
      </tr>
    
      <tr>
        <td style=\"border-bottom:1px #000000 solid; text-align: center; background:url(/images/header/navbargrad.jpg);\">&nbsp;</td>
      </tr>
    </table>
    Wim

    www.matogen.com - Corporate Web Development

Posting Permissions

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