tr background-color?

[Matt Bostock]

Hi,

Can someone confirm whether it's possible to set the background-color
property in CSS for a table row (<tr>)?

My code is:

table { display: table; table-layout: fixed; }
tr { display: table-row; }
td, th { display: table-cell; }

and...

table { text-align: left; border: 1px solid silver; font-size: 1em;
width: 100%; margin: 2px; }
td { padding: 0.3em; }
tr { border: 1px solid silver; }
tr.darker { background-color: #cccccc; }
tr.lighter { background-color: #f7f7f7; }
th { padding: 0.3em; }

Many thanks,
Matt :)

[Spartanicus]

Matt Bostock <ma**@mattbostock.com> wrote:

Can someone confirm whether it's possible to set the background-color
property in CSS for a table row (<tr>)?
Indirectly:

tr.classname td{background-color:#aaa}
tr { display: table-row; }
td, th { display: table-cell; }

Specifying default values is normally pointless.

--
Spartanicus

[Christoph Päper]

Spartanicus schrieb:

Matt Bostock <ma**@mattbostock.com> wrote:

Can someone confirm whether it's possible to set the background-color
property in CSS for a table row (<tr>)?

Indirectly:

Directly too. You cannot see it of course, when the table cells have a
non-transparent background color.
<http://www.w3.org/TR/CSS21/tables.html#table-layers>

[Matt Bostock]

Not in this case :) I'm using 'body *' selectors at the start of my
stylesheets to reduce browser inconsistencies.

Matt

Spartanicus wrote:

Matt Bostock <ma**@mattbostock.com> wrote:

Can someone confirm whether it's possible to set the background-color
property in CSS for a table row (<tr>)?

Indirectly:

tr.classname td{background-color:#aaa}

tr { display: table-row; }
td, th { display: table-cell; }

Specifying default values is normally pointless.

[Matt Bostock]

Christoph Päper wrote:

Directly too. You cannot see it of course, when the table cells have a
non-transparent background color.
<http://www.w3.org/TR/CSS21/tables.html#table-layers>

Thanks! I'll try that :)

[Matt Bostock]

Hi Christopher,

That didn't work for me (I set the td's background-color to
'transparent'). I'm using Firefox 1.04. Am I missing something?

Matt

Christoph Päper wrote:

Directly too. You cannot see it of course, when the table cells have a
non-transparent background color.
<http://www.w3.org/TR/CSS21/tables.html#table-layers>

[Andreas Prilop]

On Thu, 2 Jun 2005, Matt Bostock wrote:

That didn't work for me (I set the td's background-color to
'transparent'). I'm using Firefox 1.04.
I don't quite understand where your problem is. As an example, see
http://www.unics.uni-hannover.de/nht...-alphabet.html
http://www.unics.uni-hannover.de/nhtcapri/screen.css
Am I missing something?

Please adjust your quoting style. Thank you!

--
Top-posting.
What's the most irritating thing on Usenet?

[Matt Bostock]

Andreas Prilop wrote:

I don't quite understand where your problem is. As an example, see
http://www.unics.uni-hannover.de/nht...-alphabet.html
http://www.unics.uni-hannover.de/nhtcapri/screen.css

Thanks Andreas I'll give it another shot.

Matt

[Matt Bostock]

Andreas Prilop wrote:

I don't quite understand where your problem is. As an example, see
http://www.unics.uni-hannover.de/nht...-alphabet.html
http://www.unics.uni-hannover.de/nhtcapri/screen.css

I'll rephrase my question. Can a <tr> element with a display property of
'table-row' have a background-color set for it?

Many thanks,
Matt :)

[Christoph Päper]

Matt Bostock schrieb:

Hi Christopher,

Hello Matze!

<http://www.w3.org/TR/CSS21/tables.html#table-layers>

That didn't work for me (I set the td's background-color to
'transparent'). I'm using Firefox 1.04. Am I missing something?

I expected you'd say you're using IE, which has problems in this area.
Firefox should be fine.

In <http://webdesign.crissov.de/temp/table-layers.html> all cells, where
the first number is odd and the second is even, should have a blue
background. I suppose you miss something in your code, which you didn't
show us (completely).