Very simple CSS question on table row color

* Tong * · May 29, 2005

Hi,

I have a very simple question on defining table row colors in css. Here is my test file:

test.htm:

- - - - >8 - - - -
<head>
<title>Test</title>
<link rel='StyleSheet' href='table.css' type='text/css'/>
</head>
<body>
<table>
<tr>
<th>cl</th><th>c2</th>
</tr>
<tr class="row1">
<td class="col1">1</td>
<td class="col2">2</td>
</tr>
<tr class="row0">
<td class="col1">3</td>
<td class="col2">4</td>
</tr>
<tr class="row1">
<td class="col1">5</td>
<td class="col2">6</td>
</tr>
</table>
</body>
- - - - >8 - - - -

And table.css:

- - - - >8 - - - -
th { bgcolor="#FFDB4A" }
..row1 { bgcolor="#EFEFEF" }
..row0 { bgcolor="#FFFFFF" }
tr.row1 { bgcolor="#EFEFEF" }
tr.row0 { bgcolor="#FFFFFF" }
- - - - >8 - - - -

I want my table show up with nice colors, but I just can't get it works.
What I'm missing?

Another simple question, how can I make my table border to be thin black
lines (in css)?

Thanks a lot!

Steve Pugh · May 29, 2005

* Tong * said:
th { bgcolor="#FFDB4A" }
.row1 { bgcolor="#EFEFEF" }
.row0 { bgcolor="#FFFFFF" }
tr.row1 { bgcolor="#EFEFEF" }
tr.row0 { bgcolor="#FFFFFF" }

I want my table show up with nice colors, but I just can't get it works.
What I'm missing?

A basic understanding of CSS syntax.

property: value;
NOT
property="value"

Another simple question, how can I make my table border to be thin black
lines (in css)?

table {border: thin solid black;}

Steve

David Dorward · May 29, 2005

* Tong * said:
th { bgcolor="#FFDB4A" }

You seem to have just about got the hang of selectors, but between "{" and
"}" you need to put CSS property names, followed by a colon, followed by a
value, each such pair being seperated by a semi-colon.

You can't just dump HTML attributes in there.

http://css.nu/pointers/index.html#Tutorials

* Tong * · May 30, 2005

Hi, thank you all who replied, Steve and David.

th { bgcolor="#FFDB4A" }

Ahh, silly me.

Am I getting the syntax right this time?

- - - - >8 - - - -
th { bgcolor: #FFDB4A }
..row1 { bgcolor: #EFEFEF }
..row0 { bgcolor: #FFFFFF }
tr.row1 { bgcolor: #EFEFEF }
tr.row0 { bgcolor: #FFFFFF }
- - - - >8 - - - -

Why my table is still not colored as it supposed to?

Another simple question, how can I make my table border to be thin black
lines (in css)?

Thanks to Steve's suggestion, I put the following in my css:

- - - - >8 - - - -
table {border: thin solid black;}
td {border: thin solid black;}
- - - - >8 - - - -

But it is not exactly as I hoped -- I get double borders with white space
in between them -- the corner of a cell look something like "#".

How can I make my whole table/cells separated by single thin black lines?

thanks a lot!

* Tong * · May 30, 2005

Thanks to Steve's suggestion, I put the following in my css:

- - - - >8 - - - -
table {border: thin solid black;}
td {border: thin solid black;}
- - - - >8 - - - -

But it is not exactly as I hoped -- I get double borders with white space
in between them -- the corner of a cell look something like "#".

How can I make my whole table/cells separated by single thin black lines?

Ok, I get this one straight now:

table {border: thin solid black; border-collapse: collapse}

Mark Parnell · May 30, 2005

Previously in alt.html said:
Am I getting the syntax right this time?

th { bgcolor: #FFDB4A }

Yes, the syntax is right, but the property name isn't.

http://www.w3.org/TR/CSS2/colors.html#propdef-background-color

Leif K-Brooks · May 30, 2005

* Tong * said:
th { bgcolor: #FFDB4A}

background: #FFDB4A

Sort by number of characters	1	Nov 2, 2023
Javascript DOM	1	Mar 29, 2023
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
Having trouble centering contents of td ?	3	May 2, 2023
Only one table shows up with the information	2	Mar 29, 2023
validated html 5 table	19	Dec 2, 2013

Very simple CSS question on table row color

* Tong *

Steve Pugh

David Dorward

* Tong *

* Tong *

Mark Parnell

Leif K-Brooks

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads