Table border color in Mozilla Firefox

Apparently Mozilla/Firefox doesn't support the bordercolor attribute of
the table tag.

Here's what I do that works in IE:

<table border="1" cellpadding="2" cellspacing="0" width="380"
bordercolor="#CB0017">

Now, if I add this to my CSS:

TABLE.standings { border: 1px solid #CB0017; }

and rewrite my HTML like this:

<table border="o" cellpadding="2" cellspacing="0" width="380"
class="standings">

There are no lines between the cells only around the edge of the table.

How would I make the CSS mimic usage of the bordercolor attribute in IE?

/Mr. Clean/:

How would I make the CSS mimic usage of the bordercolor attribute in IE?

Define border for the table cells, too:

table.standings td { border: 1px solid #CB0017 }

--
Stanimir

"Mr. Clean" <mrclean@p&g.com> wrote:

Apparently Mozilla/Firefox doesn't support the bordercolor attribute of
the table tag.

There's no such attribute in HTML.

Here's what I do that works in IE:

table border="1" cellpadding="2" cellspacing="0" width="380"
bordercolor="#CB0017"

Yeah, IE supports a lot of stuff that isn't HTML.

Now, if I add this to my CSS:

TABLE.standings { border: 1px solid #CB0017; }

and rewrite my HTML like this:

table border="o" cellpadding="2" cellspacing="0" width="380"
class="standings"

Did you mean to set your border to 'o', or did you mean '0'?

There are no lines between the cells only around the edge of the table.

Of course. Your stylesheet sets a border around the table not around
the cells.

How would I make the CSS mimic usage of the bordercolor attribute in IE?

TABLE.standings td, TABLE.standings th { border: 1px solid #CB0017; }

You may need to play with border-collapse as well. Check the CSS spec
for details.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>

Steve Pugh wrote:

"Mr. Clean" <mrclean@p&g.com> wrote:


Apparently Mozilla/Firefox doesn't support the bordercolor attribute of
the table tag.


There's no such attribute in HTML.

In the IE4 DOM it is there, I know it isn't in the HTML spec.

TABLE.standings td, TABLE.standings th { border: 1px solid #CB0017; }

Now, I can't get TD.OpenDate to work. see the page:
http://www.austinmetrobaseball.com/schedule.php

CSS here:
http://www.austinmetrobaseball.com/ambl.css

"Mr. Clean" <mrclean@p&g.com> wrote:

Someone wrote:

TABLE.standings td, TABLE.standings th { border: 1px solid #CB0017; }

Now, I can't get TD.OpenDate to work. see the page:
http://www.austinmetrobaseball.com/schedule.php

CSS here:
http://www.austinmetrobaseball.com/ambl.css

TABLE.standings td {} is more specific than TD.OpenDate {} and hence
takes precedence. Make the second selector more specific: e.g.
TABLE.standings TD.OpenDate {} and it will be applied.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>