Firefox 52.1.2 - Multiple Table Border Colors Not Showing?

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
Post Reply
User avatar
Applejack
Posts: 4
Joined: January 18th, 2019, 11:36 pm
Location: Sweet Apple Acres In Equestria

Firefox 52.1.2 - Multiple Table Border Colors Not Showing?

Post by Applejack »

I'm trying to make a page where there are multiple tables. And each table having their own border color. But, no matter what I try, they all have the same border color.

It shows up fine in IE. But not in any other browser. Hmmm... I think I'm using code that only works with IE. ...

Can someone tell me the right way to have Firefox show different border colors on multiple tables? Like if I want one border's color gold. And another's pink.
Jus a hard workin mare tryin ta make a livin aroun these here local parts.
User avatar
DanRaisch
Moderator
Posts: 127186
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Re: Firefox 52.1.2 - Multiple Table Border Colors Not Showin

Post by DanRaisch »

Moving to Web Development.
Perhaps if you posted the code in question, someone could identify the issue for you.
User avatar
Applejack
Posts: 4
Joined: January 18th, 2019, 11:36 pm
Location: Sweet Apple Acres In Equestria

Re: Firefox 52.1.2 - Multiple Table Border Colors Not Showin

Post by Applejack »

DanRaisch wrote:Moving to Web Development.
Perhaps if you posted the code in question, someone could identify the issue for you.
Ok. Here's the code.

CSS, between head and /head.

Code: Select all


<style>
table.table1, th, td {
  border-collapse: collapse; border: 1px solid; border-color: #FF8AEA;
}

table.table2, th, td {
  border-collapse: collapse; border: 1px solid; border-color: #000000;
}
</style>

The HTML part of it. Between body and /body.

Table 1

Code: Select all


                     <table class="table1" bgcolor="#FFDCFF" height="20">
                        <tr>
                          <td valign="middle">
                            <font size="2" face="Verdana" color="#CC33FF"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Word &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </font>
                          </td>
                        </tr>
                      </table>

Table 2

Code: Select all


<center><table class="table2" bgcolor="#FFCCFF">

<td>

<font size="3" face="Verdana" color="#FF66FF">

<BR>
<BR>

Word

</table></center>

Now everything works, except the border colors. They both show up black in Firefox. Where in IE, the first one shows up pink. So... How do I get them to show up properly in Firefox?
Jus a hard workin mare tryin ta make a livin aroun these here local parts.
morat
Posts: 6403
Joined: February 3rd, 2009, 6:29 pm

Re: Firefox 52.1.2 - Multiple Table Border Colors Not Showin

Post by morat »

The border color is black for me in Chrome 72.0, Firefox 65.0 and Internet Explorer 11.0.

I can use 2px for the pink to win over.

Table border color in CSS with border collapse
http://stackoverflow.com/questions/4096390
User avatar
James
Moderator
Posts: 27999
Joined: June 18th, 2003, 3:07 pm
Location: Made in Canada

Re: Firefox 52.1.2 - Multiple Table Border Colors Not Showin

Post by James »

Just a note that Firefox 52.9.0esr (Released June 26, 2018) was the last to still support WinXP/Vista and not the old 52.1.2esr Released May 19, 2017. https://archive.mozilla.org/pub/firefox ... esr/win32/
User avatar
Applejack
Posts: 4
Joined: January 18th, 2019, 11:36 pm
Location: Sweet Apple Acres In Equestria

Re: Firefox 52.1.2 - Multiple Table Border Colors Not Showin

Post by Applejack »

morat wrote:The border color is black for me in Chrome 72.0, Firefox 65.0 and Internet Explorer 11.0.

I can use 2px for the pink to win over.

Table border color in CSS with border collapse
http://stackoverflow.com/questions/4096390
That there double thing mentioned on stackoverflow seems ta have worked.^_^

At least fer two colors. If Ah want more than two Ah'm SOL.^_^

Thanks fer pointin me ta it. Ah'm mighty obliged.^_^

2px makes tha border look too big.

...

Ah've decided ta just go with pink. It is a kinda girlish site afterall.
James wrote:Just a note that Firefox 52.9.0esr (Released June 26, 2018) was the last to still support WinXP/Vista and not the old 52.1.2esr Released May 19, 2017. https://archive.mozilla.org/pub/firefox ... esr/win32/
Ah tried 52.9.0esr. Th whole thing got very sluggish, an ground to a halt, in only about 30 mins.. 52.1.2esr can go fer hours without even th slightest memory problem.
Jus a hard workin mare tryin ta make a livin aroun these here local parts.
Post Reply