This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > July 2004 > Table border color in Mozilla Firefox





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Table border color in Mozilla Firefox
Mr. Clean

2004-07-20, 7:18 pm

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?
Stanimir Stamenkov

2004-07-20, 10:50 pm

/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
Steve Pugh

2004-07-20, 10:50 pm

"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@pugh.net> <http://steve.pugh.net/>
Brian

2004-07-20, 11:14 pm

Steve Pugh wrote:
> "Mr. Clean" wrote:
>
>
> There's no such attribute in HTML.


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


Yeah, but they make up for by ignoring a lot of stuff that is in it. ;-)

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/
Mr. Clean

2004-07-21, 12:17 pm

Steve Pugh wrote:
> "Mr. Clean" <mrclean@p&g.com> wrote:
>
>
>
>
> There's no such attribute in HTML.
>


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

2004-07-21, 12:17 pm

>
> 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
Steve Pugh

2004-07-21, 7:17 pm

"Mr. Clean" <mrclean@p&g.com> wrote:
> Someone wrote:
>
>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@pugh.net> <http://steve.pugh.net/>
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews