Images responsive within a table

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    13 years, 3 months ago

    Hi,

    thanks for your question.

    Responsive tables are a little bit tricky, but for images in tables, some CSS code is usually enough.
    Please try adding

    .tablepress img {
  max-width: 100%;
  height: auto;
}

    to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress.

    Regards,
    Tobias

    Thread Starter klg53

    (@klg53)

    13 years, 3 months ago

    That had no affect. Does it matter what parameters are set when the image is inserted into the table?

    Here is the URL. http://www.kylalkai.com/

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    13 years, 3 months ago

    Hi,

    yes, the parameters in the <img> HTML also influence this.
    As you can see from this, there are a lot of things that mess with the width of images. Due to that, it’s very hard to make images responsive, especially in tables 🙁
    In general, it’s the best to only work with percentage width/height values, or to let everything be determined automatically, by setting the values to “auto”.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Images responsive within a table’ is closed to new replies.