How to control the size of cells in an HTML table?

Question

I’m trying to control the size of a cell in my HTML table using CSS properties height and width, but it’s not working.

I’m doing it this way:

#CelL7C1, #CelL3C1, #CelL3C3, #CelL7C3{
    height: 5px;
    width:20px;
    background-image: linear-gradient(to right, red , yellow);
}

Answer 1

To do this you need to specify a fixed width size on table and then determine what you need in the td guy:

table {
    max-width: 90px;
}
td {
    width: 25px;
}