Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Unwanted bevelled border on tables

  • 5 replies
  • 1 has this problem
  • 141 views
  • Last reply by cor-el

more options

When opened in Chrome, Safari and IE, this works fine. When opened in Firefox there is a bevelled edge border. What is this and how can I remove it?

http://andsotobed.co.uk/eshots/20-05-16/index.html

Thanks

When opened in Chrome, Safari and IE, this works fine. When opened in Firefox there is a bevelled edge border. What is this and how can I remove it? http://andsotobed.co.uk/eshots/20-05-16/index.html Thanks

Chosen solution

All Replies (5)

more options

Are you talking about the leaves?

more options

The Inspector shows that Firefox default to outset for the border-style property.

The website would have to use "border-style:solid" to remove the beveling. ---

table:-moz-table-border-nonzero { 
  border-width: thin;
  border-style: outset;
}
more options

That has worked for the bevel, but now there is still what looks like a drop shadow on the cells in the table, any ideas? http://andsotobed.co.uk/eshots/20-05-16/index.html

more options

Actually, it's another bevel, this time a reversed bevel?

more options

Chosen Solution