Single pixel border

[Bob Sanderson]

I have a number of pages containing tables. Most have background images
which have a single pixel border. The tables themselves do not have
borders. For various reasons, I have to create one table without an image,
so the border must be defined by the table. However, the table border does
not look exactly like the single pixel one in the images. It appears to
have some shading. I have tried various CSS elements but have not been able
to duplicate the single pixel border of the images.

Here are some examples:

Image border: http://pelamusic.com/bio.html
Table border: http://pelamusic.com/SimpleViewer

Any help will be greatly appreciated

[Spartanicus]

Bob Sanderson <sa*****@LUVSPAMsandmansoftware.com> wrote:

I have a number of pages containing tables. Most have background images
which have a single pixel border. The tables themselves do not have
borders. For various reasons, I have to create one table without an image,
so the border must be defined by the table. However, the table border does
not look exactly like the single pixel one in the images. It appears to
have some shading. I have tried various CSS elements but have not been able
to duplicate the single pixel border of the images.

Here are some examples:

Image border: http://pelamusic.com/bio.html
Table border: http://pelamusic.com/SimpleViewer

Borders expressed as an attribute to the html table element always end
up as a "shaded" border, if you don't want that then set the attribute
to "0" and specify a border using css.

--
Spartanicus

[Neal]

Spartanicus:

Borders expressed as an attribute to the html table element always end
up as a "shaded" border, if you don't want that then set the attribute
to "0" and specify a border using css.

.... which I find utterly stupid, BTW. Either we can use HTML border
attribute and have borders in the no-CSS rendering for easier usability,
or we can style the borders as we like and lose these useful borders in
the no-CSS rendering. We should not have to make that choice IMO.

[Spartanicus]

Spartanicus <[e-mail]> wrote:

Borders expressed as an attribute to the html table element always end
up as a "shaded" border, if you don't want that then set the attribute
to "0" and specify a border using css.

Oops, I made a boo boo.

To fully style a border expressed as an attribute to the html table
element you have to modify the styling of both the table and the
cell(s), example:

table{border:1px solid #000}
td{border:none}

<table cellspacing="0" cellpadding="0" border="1">
<tr>
<td>Foobar</td>
</tr>
</table>

--
Spartanicus