MozillaZine

Firefox 52.1.2 - Multiple Table Border Colors Not Showing?

Discuss how to use and promote Web standards with the Mozilla Gecko engine.
Applejack

User avatar
 
Posts: 4
Joined: January 18th, 2019, 11:36 pm
Location: Sweet Apple Acres In Equestria

Post Posted January 27th, 2019, 9:49 pm

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.

DanRaisch
Moderator

User avatar
 
Posts: 122019
Joined: September 23rd, 2004, 8:57 pm
Location: Somewhere on the right coast

Post Posted January 28th, 2019, 6:53 am

Moving to Web Development.
Perhaps if you posted the code in question, someone could identify the issue for you.

Applejack

User avatar
 
Posts: 4
Joined: January 18th, 2019, 11:36 pm
Location: Sweet Apple Acres In Equestria

Post Posted January 31st, 2019, 4:00 pm

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: 3369
Joined: February 3rd, 2009, 6:29 pm

Post Posted January 31st, 2019, 6:40 pm

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

James
Moderator

User avatar
 
Posts: 27632
Joined: June 18th, 2003, 3:07 pm
Location: Made in Canada

Post Posted January 31st, 2019, 7:27 pm

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/releases/52.9.0esr/win32/

Applejack

User avatar
 
Posts: 4
Joined: January 18th, 2019, 11:36 pm
Location: Sweet Apple Acres In Equestria

Post Posted January 31st, 2019, 9:56 pm

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/releases/52.9.0esr/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.

Return to Web Development / Standards Evangelism


Who is online

Users browsing this forum: No registered users and 1 guest