We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Unwanted bevelled border on tables

  • 5 antwoorde
  • 1 het hierdie probleem
  • 26 views
  • Laaste antwoord deur 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

Gekose oplossing

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

Gekose oplossing