SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Member
    Join Date
    Jul 2002
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    weird line inside border

    There's this tiny line lining the border (top and right). I've been trying to get rid of it for 2 weeks (literally), and I haven't managed to. Feel free to open it up in notepad.

    http://exo.floogy.com/dilutedpixel.htm

  2. #2
    SitePoint Enthusiast Jack Michaelson's Avatar
    Join Date
    May 2002
    Location
    Netherlands
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It looks like you have to get rid of these:
    <img src="images/spacer.gif"

    did that help?
    Jack

  3. #3
    SitePoint Member
    Join Date
    Jul 2002
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Actually, Jack, everyone's been saying that. The point of those is to expand the box as content becomes larger. When I take these out it totally messes up.

  4. #4
    public static void brain Gybbyl's Avatar
    Join Date
    Jun 2002
    Location
    Montana, USA
    Posts
    647
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That looks like its just the border...

    did you set all these?

    cellpadding=0
    cellspacing=0
    border=0

    Dont get pissed if they are, im just wondering...

    Whatever helps to isolate the problem.
    Ryan

  5. #5
    public static void brain Gybbyl's Avatar
    Join Date
    Jun 2002
    Location
    Montana, USA
    Posts
    647
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok, i viewed source...

    Just set your border for 1 and your cellspacing for 1

    This usually makes the effect of a fine line.

    I'm pretty sure that it's cellspacing... but if that just looks weird, try cellpadding.
    Ryan

  6. #6
    SitePoint Member
    Join Date
    Jul 2002
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    None of those ideas worked. Cellspacing put a space on the outside of every image where it's cut, Cellpadding did the same thing, but a bigger space. Border put a line in between the spaces.

  7. #7
    SitePoint Enthusiast Jack Michaelson's Avatar
    Join Date
    May 2002
    Location
    Netherlands
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by exolution
    Actually, Jack, everyone's been saying that. The point of those is to expand the box as content becomes larger. When I take these out it totally messes up.
    Well, no offense but the tiny white borders are caused by the spacer.gif's, if you want to get rid of the borders, you have to delete the spacers.
    The mess up you get when taking them out is caused by the tables that aren't matching anymore. It can be prevented by a redefinition of the <table>s.

    Hope it helps,
    Jack

  8. #8
    SitePoint Wizard DougBTX's Avatar
    Join Date
    Nov 2001
    Location
    Bath, UK
    Posts
    2,498
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd have to say that Jack is right, but there is a way around it.

    What you could do, is replace the spacer rows with (in the case of the top row) the top row of pixels from your design. Then, remove the top row of pixels from your current 2nd row graphics. repeat for the right hand columb (making sure you look after your valigns) and volia: problem solved.

    BUT, looking at it in a new way (I had to say that ), what you really want to do is re-export the page, cut up into sections more effectivly, to simplify the page. I turned on a 1px border on your table, and its really, just a mess. Do it yourself. looks horrible.

    Export the header as one table. <..> Infact, looking at it again, as you have solid grapjics in the top ection, just theve the mass as one image, and use image maps for the men items. From where you have the little "diluted pixels" title up. One graphic. No slicing.

    Your content box, (the whole width of your page), simplify into a 3x3 table. The left and right columbs, use their backgrounds to get the left and right sides of your inner box. Use valign for the sploges like you have done already.

    For the footer, same affair as the header. One graphic will do fine. Compress it as a gif with a small pallet, and noone will care.

    Sounds harder, but the second option is by far the easiest

    gl,
    Douglas
    Hello World

  9. #9
    SitePoint Member
    Join Date
    Jul 2002
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The small borders are caused by cells on the top and right that limit the size of all the cells under and next to them. Taking out the top disorients the entire picture, and the same happens with taking out the right.

    I'm going to reslice it and do it in a more easy to use design.


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
  •