2

Currently I am doing it by HTML and want to do same by CSS. I have tried myself but it not working. My working HTML is below.

<table class="product_tabel" cellspacing="2" cellpadding="3">

But I am want to use it by CSS class product_tabel so how can I do this? 

 .product_tabel
    {
    cellspacing :2;
    cellpadding:3;
    }
Machavity
  • 30,841
  • 27
  • 92
  • 100
  • 2
    Possible duplicate of [Set cellpadding and cellspacing in CSS?](http://stackoverflow.com/questions/339923/set-cellpadding-and-cellspacing-in-css) – Lalji Tadhani Dec 08 '15 at 09:45
  • i am new on css and want to use by css file. and now i have checked that answer also. but that have td class not like css class. –  Dec 08 '15 at 09:52

3 Answers3

3

try to this way

used to for cellspacing table{border-collapse: separate; border-spacing: 3px;} and cellpadding td{padding:2px;}

demo 

 .product_tabel
    {
        border: solid 1px red;
border-collapse: separate;
border-spacing: 3px;
      border:solid 1px red;
    }

.product_tabel td, .product_tabel th{border:solid 1px green;padding:2px;}
<table class="product_tabel">
<tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr>
  <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr>
  <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr>
  <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr>
  <tr><td>Hello</td><td>Hello</td><td>Hello</td><td>Hello</td></tr>
  </table>
table { border-spacing: 3px; } /* cellspacing */

th, td { padding: 3px; } /* cellpadding */

CSS Cellpadding

CSS Cellspacing

Rohit Azad Malik
  • 31,410
  • 17
  • 69
  • 97
2

You can provide css like:

.product_tabel { 
      border-spacing: 5px;
      border-collapse: separate; 
 } /* cellspacing */

.product_tabel th, .product_tabel td { padding: 5px; } /* cellpadding */
Jyoti Sharma
  • 994
  • 5
  • 12
0

use simply padding instead of cellpadding

.product_tabel
{
  padding:3px;
}
td{ padding:5px;}
Bhola Nath Mahto
  • 484
  • 5
  • 18