Override css padding for table cellpadding

HTML & CSS
1

Hi,

I have the following declation to set all page elements to 0:

* { padding: 0; margin: 0; }

However, part of my site uses a CMS to manage content. The above code changes all table padding to 0, even if the user sets cellpadding=“5” for a particular table.

Can I override the CSS declation above (ie return it to browsers defaults for tables) to return control back to the end user, using standard table mark up?

Hope this makes sense - all help appreciated.

Martin

2

cellpadding is a presentational element, and should not really be used.
You can over ride the universal reset as follows.


* {padding: 0, margin: 0;}
td {padding: 5px} /* this affects all table cells */
td.classname_of_element_you_want_to_target {padding: 10px;} /* or you can target individual cells */