Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Vanwege onderhoudswerkzaamheden die uw ervaring zouden moeten verbeteren, heeft deze website beperkte functionaliteit. Als een artikel uw probleem niet verhelpt en u een vraag wilt stellen, kan onze ondersteuningsgemeenschap u helpen in @FirefoxSupport op Twitter en /r/firefox op Reddit.

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

FF not showing table border style

  • 7 antwoorden
  • 38 hebben dit probleem
  • 1 weergave
  • Laatste antwoord van cbrundage

more options

I have a webpage with css table border style dotted. It shows up in IE but there is just a line around the table in FF. Is there a way to make it show up? Many thanks.

table.mytable { border-width: 6px; padding: 15px; border-style: dotted; border-color: #88aa96;}

I have a webpage with css table border style dotted. It shows up in IE but there is just a line around the table in FF. Is there a way to make it show up? Many thanks. table.mytable { border-width: 6px; padding: 15px; border-style: dotted; border-color: #88aa96;}

Gekozen oplossing

^ Good catch. There's another spurious closing bracket 6 lines below the one you found.

background-color:#e8e5da;}

Dit antwoord in context lezen 👍 1

Alle antwoorden (7)

more options

It looks like only IE8 reads your code for that border. Firefox, Opera, Chromium, and Safari don't get it. Browsers display the authors intentions better when the coding used is valid.
http://validator.w3.org/check?uri=http://www.cbrundage.net/cleeve/nature.htm
Browsers are displaying that page in the Quirks Mode.
http://en.wikipedia.org/wiki/Quirks_Mode

See this for help with the code you are using.
http://www.w3.org/TR/CSS2/box.html#border-properties

If you need more help with that issue, try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox.
http://forums.mozillazine.org/viewforum.php?f=25
You'll need to register and login to be able to post in that forum.

more options

You have a spurious } in your CSS code, just remove that line and it should work.

a:hover {color:#E1E0AF}
}
table.mytable {


a:hover {color:#E1E0AF}

table.mytable {
more options

Gekozen oplossing

^ Good catch. There's another spurious closing bracket 6 lines below the one you found.

background-color:#e8e5da;}

more options

That is not a spurious } , but a needed one to end that rule.

table.mytable {
 border-width: 6px;
 padding: 15px;
 border-style: dotted;
 border-color: #88aa96;
 background-color:#e8e5da;
}

.back td{
 background-color:#e8e5da;
}

img#bg { .... }
more options

Thank you all so much! That solved the problem - I really thought it was a browser problem!!! Christina

more options

You need that } after background-color:#e8e5da;

By removing it you introduced another error:

Warning: Expected declaration but found '.'. Skipped to next declaration. Source File: http://www.cbrundage.net/cleeve/nature.htm Line: 33


table.mytable {
border-width: 6px;
	padding: 15px;
	border-style: dotted;
	border-color: #88aa96;
	background-color:#e8e5da; /* missing } /*

.back td{background-color:#e8e5da;
	}

Instead of background-size you probably mean background-position:

Warning: Unknown property 'background-size'. Declaration dropped. Source File: http://www.cbrundage.net/cleeve/nature.htm Line: 15


background-attachment:fixed; background-size: 100% 100%;
more options

I put the "}" back but it had worked anyway and the background stayed fixed too. But thank you for getting my coding fixed! I really appreciate it. Christina