On Mar 1, 1:20 pm, "Beauregard T. Shagnasty"
<a.nony.m...@example.invalid> wrote:
> shapper wrote:
> > I am trying to replicate a table design that I created for Print in
> > Photoshop:
>
> >http://www.wikifortio.com/504226/Test.jpg
>
> http://k75s.home.att.net/show/wikifortio.jpg
>
> Find a place to upload your screenshot that does not require anyone to
> have to download the graphic file, save it, and use their own image
> editor. Like my link.
>
> If you're working on a web site project, you must have access to a
> server somewhere...
>
> --
> -bts
> -Friends don't let friends drive Vista

Jukka,

calm down ... no stress. I admit I didn't post it the best way ...
.... but there was an image to download describing what I am trying to
do.

Beauregard,

I am following your advice:

http://www.27lamps.com/_lab/Table.htm

Basically my problems are:

1. Add the background image on each header cell with a 1px white space
between the background and the border.

The problem here is how to have the 1px white space between the
background color and the border.

2. Add the small icon on the bottom right corner of each header table
cell.

I have no idea how to do it unless I use background image ... but
then I will not be able to use the other one, right?

This is what I have:

..Grid
{
border-collapse: collapse;
margin: 20px;
color: #505050;
font-size: 70%;
width: 600px;
}
..Grid td, .Grid th
{
border: solid 1px #B6CBE7;
}
..Grid thead th
{
background: url(Images/GridHeaderBackground.jpg) repeat-x;
padding: 1px;
}

Thank You,
Miguel