CSS trouble to display a php generated HTML array

Question

I have trouble with my CSS. I'm trying to correctly display this kind of array:

I think the problem is maybe right there :

table {
        display: table;
        width:auto;
        margin : auto;

        border-spacing: 2px;
        border-color: gray;
    }

    table td{
        font-size: 8pt;

    }
    .empty{
        background-color: #C7C7C7;
    }

    td, th {
        display: table-cell;
        vertical-align: inherit;
        width: auto;
        border: 1px solid gray; 
        border-collapse : collapse;
        margin-left: 5px;
        margin-right: 5px;
    }

As I know, everything worked as well before, and I don't know how to fix this. How can I fix my problem ?

George · Accepted Answer · 2016-05-12 08:25:26Z

1

In your JSFiddle you have applied display: block; to the td element. If you remove this then the table displays as it should.

https://jsfiddle.net/4bx4n8fk/1/

answered May 12, 2016 at 8:25

George

1802 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS trouble to display a php generated HTML array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related