How to make thin table borders like on ebay

[Oimachi2]

Hi there,

In dreamweaver the minimum border is 1 pixel, however, on ebay the table borders seem to be .5 or something...

How can they do that?

[thecoalman]

I don't see what you mean, E-Bay's borders appear to be 1 px to me.

You can't go lower than 1px because a monitor displays 1 px as a single color.

You can trick the eye to make a line appear smaller on an image using transparency but I'm not sure how you would do that with a border.

Check that you are not getting a double border through the table and the cells.

[cyclesolutions]

Try using CELLSPACING="0" This makes the table border real thin about 1px.

<TABLE CELLSPACING="0" BORDER="1">

See if this does what you expect.

[wolfadeus]

I think I know what you mean, you might mistake 2 px for being 1 - with some CSS, the cellspacing doesn't work and you get an inner and an outer line around your table - so 1 px turns into 2.

I don't know what to do against it, though. For example:

<table cellspacing="0" border="1" bordercolor="#00267d" width="80%" align="center">

This leads to a 2px wide line.

[Little_G]

Hi,

try

table{border-collapse:collapse;}

Andrew

[wolfadeus]

Thank you, Andrew! Is there an equivalent HTML tag for this CSS command?

[wolfadeus]

Never mind the HTML tag, the border-collapse worked in the CSS. Thanks again, very useful!