WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Responsive Images (2 posts)

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

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.