Use CSS to specify table column styles?

[Yeah]

I have an HTML table with two columns of text. Here's what it looks like:

FIRST COLUMN (each cell is ID="date')
Background orange, font Serif size 13px, aligned center
SECOND COLUMN (each cell is class="entry")
Background white with clickable text link (Sans-serif 11px, link black,
visited blue, hover navyblue)

The first column's content has been assigned CSS ID "date", in the above
mentioned style. The second column's content has been assigned CSS class
"entry" (hoverable text link), in the above mentioned style. I'm frequently
updating the table with more rows.

Doing it this way, I have to label the corresponding TD's "date" and "entry"
for *each* row. Considering each column has its own style, is there a way to
tell CSS to specify that?

Any help is appreciated. Thanks!

[Els]

Yeah wrote:

I have an HTML table with two columns of text. Here's what it looks like:

FIRST COLUMN (each cell is ID="date')
That's wrong already then: each ID can only be used once per document.
Use class="date" instead.
Background orange, font Serif size 13px, aligned center
font-sizes are better in percentages
SECOND COLUMN (each cell is class="entry")
Background white with clickable text link (Sans-serif 11px, link black,
visited blue, hover navyblue)

The first column's content has been assigned CSS ID "date", in the above
mentioned style. The second column's content has been assigned CSS class
"entry" (hoverable text link), in the above mentioned style. I'm frequently
updating the table with more rows.

Doing it this way, I have to label the corresponding TD's "date" and "entry"
for *each* row. Considering each column has its own style, is there a way to
tell CSS to specify that?
Some styles in some browsers work by adding styles to colgroups, but
it's certainly not a cross-browser solution. The best way is indeed
using the classes on each TD.
Any help is appreciated. Thanks!

You're welcome.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Legião Urbana - Hoje A Noite Não Tem Luar

[Gérard Talbot]

Yeah a écrit :

I have an HTML table with two columns of text. Here's what it looks like:

FIRST COLUMN (each cell is ID="date')
This is an error; you can't do that in a conformant document.
Background orange, font Serif size 13px, aligned center
CSS 2.1 border, background, width and visibility properties can be
applied to <col>; the other CSS properties can not be applied to <col>.
http://www.w3.org/TR/CSS21/tables.html#q4

And as mentioned by Els, font-size is best used with em or %:
W3C QA Assurance tip for webmasters:
Best recommended practices: Good usage of CSS's font properties
"Do not specify the font-size in pt, or other absolute length units.
They render inconsistently across platforms and can't be resized by the
User Agent (e.g browser).
Use relative length units such as percent or (better) em"
http://www.w3.org/QA/Tips/font-size#goodpractice

SECOND COLUMN (each cell is class="entry")
Background white with clickable text link (Sans-serif 11px, link black,
visited blue, hover navyblue)

The first column's content has been assigned CSS ID "date"

id attribute value must be a document-unique attribute value.

Gérard
--
remove blah to email me

[Jim Moe]

Yeah wrote:

I have an HTML table with two columns of text. [...]

Doing it this way, I have to label the corresponding TD's "date" and "entry"
for *each* row. Considering each column has its own style, is there a way to
tell CSS to specify that?

The "adjacent sibling combinator" (+) does what you are asking.
#style1 td { ... } /* Style for all columns */
#style1 td + td { ... } /* Style for second column. */

Unfortunately it is not supported by IE.

Instead of having a class (not an ID!) for each column, create a style
for all columns and an overriding class for one of the columns.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)