WordPress.org

Forums

TablePress
[resolved] Responsive Images (2 posts)

  1. from ABI roger
    Member
    Posted 1 year 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:

    http://awesomescreenshot.com/04b326qtc7

    And this is what it looks like on narrow display:

    http://awesomescreenshot.com/05b326rc6c

    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!

    Roger

    https://wordpress.org/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year 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.

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • TablePress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.