How to set table cell padding from CSS?

css html-table cellpadding
Jérôme Verstrynge picture Jérôme Verstrynge · Apr 7, 2012 · Viewed 7.8k times · Source

I am struggling with a cell padding issue in a given HTML table (generated by Drupal).

The table is the following:

enter image description here

I tried the following:

.view-thumbnails-of-tips-and-tricks {
    padding: 10px 10px 10px 10px;  
}

I want to adding padding around cell content as following:

enter image description here

Unfortunately, the padding goes around the table, rather than the cells' content. How can I solve this?

Answer

The Alpha picture The Alpha · Apr 7, 2012 
.view-thumbnails-of-tips-and-tricks tr td {
    padding: 10px;  
}

Related questions

CellPadding not working for table?

Using DOM elements trying to add cellPadding to a table: why does var FirstTabContent = document.createElement('div'); var Newtable = document.createElement('table'); Newtable.border = "1"; Newtable.cellpadding = "20px 20px 20px 20px"; /////////////// //populate table /////////////// FirstTabContent.appendChild(Newtable); return FirstTabContent.innerHTML; return: <…

Read More
Set cellpadding and cellspacing in CSS?

In an HTML table, the cellpadding and cellspacing can be set like this: <table cellspacing="1" cellpadding="1"> How can the same be accomplished using CSS?

Read More
Make a div fill the height of the remaining screen space

I am working on a web application where I want the content to fill the height of the entire screen. The page has a header, which contains a logo, and account information. This could be an arbitrary height. I want …

Read More