Title: Responsive Problems using images
Last modified: August 21, 2016

---

# Responsive Problems using images

 *  Resolved [corlissj](https://wordpress.org/support/users/corlissj/)
 * (@corlissj)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/responsive-problems-using-images/)
 * Hi! I am having issues with the responsive form of my table. It seems to jumble
   the second column when you use the horizontal scroll.
 * You can see the table [here](http://www.southwestern.edu/yearinreview) under 
   athletics, and conference recognition.
 * Here is the CSS I am currently using:
    .tablepress-id-1, .tablepress-id-1 td {
   border: none !important; font-size: 15px; line-height: 20px; color: #000000; 
   font: open sans; }
 * .tablepress .column-1 {
    vertical-align: middle; }
 * .tablepress .column-2 {
    vertical-align: middle; }
 * .tablepress .column-3 {
    vertical-align: middle; }
 * .tablepress .column-4 {
    vertical-align: middle; }
 * .tablepress .column-5 {
    vertical-align: middle; }
 * .tablepress .column-6 {
    vertical-align: middle; }
 * .tablepress .column-7 {
    vertical-align: middle; }
 * .tablepress .column-8 {
    vertical-align: middle; }
 * .tablepress-id-N,
    .tablepress-id-1 tr, .tablepress-id-1 tbody td, .tablepress-
   id-1 thead th, .tablepress-id-1 tfoot th { border: none; }
 * .tablepress img {
    max-width: 100%; }
 * [https://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/responsive-problems-using-images/#post-5117069)
 * Hi,
 * thanks for your post, and sorry for the trouble.
 * The “Responsive Tables Extension is not suited for tables like this. It only 
   really works for tables with data in it, like that on the Extension’s web page.
 * For your table, which is more like a gallery, I’d actually not even recommend
   using a table. Instead, you should consider more modern HTML approaches, like`
   <div>` containers and CSS3 (with Media Queries) to restyle their flow. For example,
   on larger screens, you could arrange them in three column, as you are having 
   them now, and on small screens, you could show them as one column.
    With tables,
   due to their long history in HTML, that is not really possible.
 * Regards,
    Tobias
 *  Thread Starter [corlissj](https://wordpress.org/support/users/corlissj/)
 * (@corlissj)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/responsive-problems-using-images/#post-5117077)
 * Thanks Tobias,
 * Unfortunately my template is not HTML friendly…which sucks. I will see what I
   can come up with.
 * Thanks!
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/responsive-problems-using-images/#post-5117079)
 * Hi,
 * yeah, I see 🙁 The alternative could then be to manually set the row height on
   the cells, when in responsive mode.
 * Regards,
    Tobias

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

The topic ‘Responsive Problems using images’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

## Tags

 * [images](https://wordpress.org/support/topic-tag/images/)

 * 3 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/responsive-problems-using-images/#post-5117079)
 * Status: resolved