Search code examples
htmlcsscss-tables

How do I get my table images to be the same size?


I've created a table with images all sized 150x150px yet some images are showing larger/smaller than others.

Annoyingly, when I put the code into JSFiddle it seems to be fine. Yet in my site (using Wordpress) some of my images show larger/smaller ect.

The JSFiddle can be seen here.

The table "in action!" can be seen at:

http://79.170.44.112/activate-enterprise.co.uk/meet-the-team/

How can I fix this?


Solution

  • I find the error, it's your wordpress style :

    On the image you have this design :

    media="all"
        img {
            max-width: 100%;
            height: auto;
        }
    

    If you remove this design, your images are showed properly.

    img {
        max-width : inherit;
    }