Is this possible with CSS?

On Mar 1, 10:26 pm, GTalbot <newsgr... (AT) gtalbot (DOT) org> wrote:

On 1 mar, 10:29, shapper <mdmo... (AT) gmail (DOT) com> wrote:

On Mar 1, 3:06 pm, "Jukka K. Korpela" <jkorp... (AT) cs (DOT) tut.fi> wrote:

Others may benefit from the
observation that people should help others to help them, using things
like
- meaningful Subject line
- clear explanation of the problem
- posting a URL without having been asked
- not posting useless babbling.
I think more then this I can't do:

1. What I am trying to do:http://www.27lamps.com/_lab/Table.htm

2. What I have:http://www.27lamps.com/_lab/TableHtml.htm

Miguel,

Jukka is absolutely right. Basically, if you want help, try to be as
helpful as possible. And very important: show or try to provide as
much useful, helpful info that explains, that presents the issue, the
whole picture.

Words like "this", "0000001", "Table", "n00000001", etc.. are either
meaningless, irrelevant or misleading or confusing. It irritates a
very wide majority of readers of posted messages to have to read and
visit webpages just to try to figure out what is the problem, issue,
etc...

What you want to get as a layout may not be logical, coherent from a
web design perpective. What is the content of your table? Is it
tabular data? If not, then you may be misusing tables.

Usually, column headers in a table are centered, not left-aligned:
that is true for all text and graphical browsers. Even for most
printed material.

What's the purpose of that small image at bottom right corner? within
your page context? within your webpage situation? Is it for cosmetic,
ornemental purposes? etc.
We have no idea, no clue, no explanations.

a 1px white space between the background and the border

I do not see a 1px white space between the background and the border.
I see a 1px white border around the table cell though. The blue
between the 1px solid white borders may be the background-color of the
wrapping block container. Again, we don't know, we just see a chunk of
an image.

If you want a white border surrounding the table header cells, then
choose a 1px white border.

.Grid thead th
{
border: solid 1px #B6CBE7;

not a #B6CBE7 color.

Regards, Gérard

Gerard,

I understand your point, and I already admitted that initially my
problem was not well formulated.

I then explained it better and posted two links. I feel I couldn't be
more clear about my problem.
I believe that with very little effort my problem could be understood
from it ...

I understand that my CSS technical terms are not the best ones ... I
work mostly in ASP.NET/VB.NET/C#/SQL.

Due to my formation I work mostly with Neural Networks and
Optimization ...
Problems in this area are much more complex then in ASP.NET, CSS, ...
... but people don't start jumping around when someone does not
formulate the problem the best way.

This is something I see very often in this CSS groups for a long
time ... I think never with me but ...

Now what matters:

Gerald, I was not trying to create some layout with tables ...
I am using this only for tabular data and trying to stylish my table
according to a style made in Photoshop.

As Jonathan said the only solution would be to nest extra block
elements within table cells.
I solved it by placing divs inside header tables cells ... it is not
perfect but ...

A better solution would be possible if I could use two backgrounds
inside my table cells ...
... well this is not possible yet. In CSS 3 it will be possible. I
found the following:

http://www.css3.info/preview/multiple-backgrounds/

Thank You,
Miguel

On Mar 1, 11:17 pm, shapper <mdmo... (AT) gmail (DOT) com> wrote:

On Mar 1, 10:26 pm, GTalbot <newsgr... (AT) gtalbot (DOT) org> wrote:



On 1 mar, 10:29, shapper <mdmo... (AT) gmail (DOT) com> wrote:

On Mar 1, 3:06 pm, "Jukka K. Korpela" <jkorp... (AT) cs (DOT) tut.fi> wrote:

Others may benefit from the
observation that people should help others to help them, using things
like
- meaningful Subject line
- clear explanation of the problem
- posting a URL without having been asked
- not posting useless babbling.
I think more then this I can't do:

1. What I am trying to do:http://www.27lamps.com/_lab/Table.htm

2. What I have:http://www.27lamps.com/_lab/TableHtml.htm

Miguel,

Jukka is absolutely right. Basically, if you want help, try to be as
helpful as possible. And very important: show or try to provide as
much useful, helpful info that explains, that presents the issue, the
whole picture.

Words like "this", "0000001", "Table", "n00000001", etc.. are either
meaningless, irrelevant or misleading or confusing. It irritates a
very wide majority of readers of posted messages to have to read and
visit webpages just to try to figure out what is the problem, issue,
etc...

What you want to get as a layout may not be logical, coherent from a
web design perpective. What is the content of your table? Is it
tabular data? If not, then you may be misusing tables.

Usually, column headers in a table are centered, not left-aligned:
that is true for all text and graphical browsers. Even for most
printed material.

What's the purpose of that small image at bottom right corner? within
your page context? within your webpage situation? Is it for cosmetic,
ornemental purposes? etc.
We have no idea, no clue, no explanations.

a 1px white space between the background and the border

I do not see a 1px white space between the background and the border.
I see a 1px white border around the table cell though. The blue
between the 1px solid white borders may be the background-color of the
wrapping block container. Again, we don't know, we just see a chunk of
an image.

If you want a white border surrounding the table header cells, then
choose a 1px white border.

.Grid thead th
{
border: solid 1px #B6CBE7;

not a #B6CBE7 color.

Regards, Gérard

Gerard,

I understand your point, and I already admitted that initially my
problem was not well formulated.

I then explained it better and posted two links. I feel I couldn't be
more clear about my problem.
I believe that with very little effort my problem could be understood
from it ...

I understand that my CSS technical terms are not the best ones ... I
work mostly in ASP.NET/VB.NET/C#/SQL.

Due to my formation I work mostly with Neural Networks and
Optimization ...
Problems in this area are much more complex then in ASP.NET, CSS, ...
... but people don't start jumping around when someone does not
formulate the problem the best way.

This is something I see very often in this CSS groups for a long
time ... I think never with me but ...

Now what matters:

Gerald, I was not trying to create some layout with tables ...
I am using this only for tabular data and trying to stylish my table
according to a style made in Photoshop.

As Jonathan said the only solution would be to nest extra block
elements within table cells.
I solved it by placing divs inside header tables cells ... it is not
perfect but ...

A better solution would be possible if I could use two backgrounds
inside my table cells ...
... well this is not possible yet. In CSS 3 it will be possible. I
found the following:

http://www.css3.info/preview/multiple-backgrounds/

Thank You,
Miguel

I just posted the new version:

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

I am not sure if this is the best way to do this. The problem I have
now is that I get a "border" on the footer.

Thank You,
Miguel

On Mar 2, 12:00 am, Gregor Kofler <use... (AT) gregorkofler (DOT) at> wrote:

shapper meinte:

I just posted the new version:

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

I am not sure if this is the best way to do this. The problem I have
now is that I get a "border" on the footer.

Sigh. You still haven't stated, what you want to achieve. So
everything's ok except the footer border? Right?

Well, the footer border isn't a border. It's just the background color
of the table, that shines through since you've non-collapsing borders.
Since this is a table property it can't be turned off for single rows.

What tools - if any - are you using? Do yourself a favour and get the
Firebug extension for your Firefox. Makes it easy to track down issues,
change and deactivate CSS properties on the fly, and a lot even more
useful things.

Gregor

--http://photo.gregorkofler.at::: Landschafts- und Reisefotografiehttp://web.gregorkofler.com ::: meine JS-Spielwiesehttp://www.image2d.com ::: Bildagentur für den alpinen Raum

Greg,

I know it is not a border that is why I wrote "border".
I am using Visual Studio ...

I just installed Firebug.

Thanks,
Miguel

In article
<14eeb291-a63d-4f80-9d75-3949f0fa3c6a (AT) y77g2000hsy (DOT) googlegroups.co
m>,
GTalbot <newsgroup (AT) gtalbot (DOT) org> wrote:

Is it
tabular data? If not, then you may be misusing tables.

That's interesting Gérard. Are you softening your stand on
tables? <g>

--
dorayme

On 1 mar, 18:17, shapper <mdmo... (AT) gmail (DOT) com> wrote:

Now what matters:

Gerald, I was not trying to create some layout with tables ...
I am using this only for tabular data and trying to stylish my table
according to a style made in Photoshop.

You still haven't answered many questions I asked you... you know,
webpage context, purpose of that small image, etc... <...deep
breath...>

Good luck, Gérard

On Mar 2, 3:51 am, GTalbot <newsgr... (AT) gtalbot (DOT) org> wrote:

On 1 mar, 18:17, shapper <mdmo... (AT) gmail (DOT) com> wrote:

Now what matters:

Gerald, I was not trying to create some layout with tables ...
I am using this only for tabular data and trying to stylish my table
according to a style made in Photoshop.

You still haven't answered many questions I asked you... you know,
webpage context, purpose of that small image, etc... <...deep
breath...

Good luck, Gérard

Gérard,

I did explained!

1. The table is not for layout is for data presentation.
2. The small icon, in this moment is just a stylish element.
However in the future it will indicate something about the column.

I concluded that with CSS2 is not possible to create a header cell
with a background, having that background a 1px spacing from the table
cell border and at the same time having a small icon on the bottom
right corner.
Of course, this style should only be applied to header cells. So using
other approaches creates problems with footer.

In CSS3 with multiple backgrounds the problem solution will be
straight forward.

I then abdicated of the 1px spacing between the table cell background
and its border.

Then I applied the small icon as th background and the blue bar as tr
background.

Thank You,
Miguel