Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Pixel Perfect (?)

Status
Not open for further replies.

Bravogolf

Programmer
Nov 29, 2002
204
GB
Hi, I have a site that links images and table borders together to create a solid line. The site is purely for a quick work reference hence the lack of colours etc.


You will notice all lines meet ok, except the bottom left table tab which I cannot get to meet the image above it, although the table cell to right of the image will!
There is only a small gap, one pixel, but it is really annoyine me and I would love to know how to get rid of the gap. All Cellpadding and spacing is set to 0.

Any help at all will be very much appreciated.
 
Why not use CSS to put the border there?

e.g.

testclass {
BORDER-RIGHT: #003366 thin solid;
BORDER-BOTTOM: #003366 thin solid;
}


MrBelfry
 
This could be a flaw in the way the browser interprets the HTML - try this:

Make sure that all of your <TD>....</TD> are on a single line.
Make sure all your <A>...</A> are on a single line.
Make sure your <DIV>...</DIV> are on a single line.

WHY???

Because new line characters seem to add space to cells. New line characters are treated as white-space, so it would be the same as having a tab or space character in there.

It may be a long shot - but it could help.

Einstein47
(&quot;Vision without action is a daydream - Action without vision is a nightmare. Japanese Proverb&quot;)
 
Thanks Einstein47,
But all the HTML and CSS code seems to be fine. For some reason there is a space of 1 pixel between the art file and the bottom left table cell. Everywhere else, the table borders are aligned with the art file perfectly. I tried placing an art file (of a a line to meet the table) there but I cant get it to position exactly underneath. Is there anyway I can specify per pixel exactly where to place it?
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top