[resolved] Responsive Images (2 posts)

  1. from ABI roger
    Posted 2 years ago #

    Hi Tobias:

    I install the Responsive Extension and added the code:

    [table id=3 responsive="desktop" /]

    But when I squeeze the display width it loses alignment. Here's a screenshot of full screen:


    And this is what it looks like on narrow display:


    I would like the images in each row to maintain even level appearance and reduce size to accommodate smaller width.

    I hope you can help...thanks!



  2. TobiasBg
    Plugin Author

    Posted 2 years ago #

    Hi Roger,

    thanks for your post, and sorry for the trouble.

    Using table for a set of images like that is not really a good choice. Problems with responsiveness are one reason for that, the other being that a table is semantically wrong.
    This is also visible in the Responsive Tables Extension: It just won't work for a table like this, it's more targeted at tables that have real data in them and not at tables that are used for layout or styling purposes.

    I therefore suggest a different approach for the page with those images: You should wrap them in e.g. <div> elements for a more modern webdesign approach: With those elements, you can use CSS3 Media Queries to restyle them from e.g. 4 columns to 2 columns on smaller screens.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • TablePress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.