WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] Why cells are resized? (7 posts)

  1. AlbenaF
    Member
    Posted 1 year ago #

    Hello again, Tobias!

    Here again the test page table. http://holidayecho.com/?p=1934

    That's good. But if I add more text in the box on the right column of this cell and all in her column expand at the expense of cells in the left. Images in the left column visually shrink, although in Check Elements - have the same pixel (200h150).

    How can I determine the size of individual cells, which do not change?

    How can I determine how many characters a certain size, can fit in the box without changing it?

    Thanks in advance!
    Albena

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    the shrinking of the images is a result of your theme's CSS. To change that, please add

    .wp-table-reloaded img {
      max-width: none !important;
    }

    to the "Custom CSS" textarea on the "Plugin Options" screen of WP-Table Reloaded.

    To set the width of the individual columns, please take a look at the plugin FAQ at http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/ and especially at the answer to the question "How can I set column widths?".
    Once that is set, adding text to the right column should no longer influence the widths.
    Finding out how many characters can fit in a cell is not really possible, as that depends on the font, the font size and also the browser settings of the visitor.

    Regards,
    Tobias

  3. AlbenaF
    Member
    Posted 1 year ago #

    Is this the way - a separate column for each row?

    For example:

    .wp-table-reloaded-id-1 .column-1 {
    width: 200px;
    }
    .wp-table-reloaded-id-1 .column-2 {
    width: 600px;
    }

    and so on.....?

    Благодаря!

  4. AlbenaF
    Member
    Posted 1 year ago #

    And can I add row height, right?

    .wp-table-reloaded-id-1 td {
    height: 150px;
    }

  5. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    yes, all of this code is technically correct (the code for the width of column-1 that you currently have in your "Custom CSS" is not however, there's a space missing before .column-1).
    However, setting the height of a row is not that easy here: The reason is that the height and the margin and padding of the images in the first column will be the determining factor for the row height. Can you explain what exactly you want to change with the heights?

    Regards,
    Tobias

  6. AlbenaF
    Member
    Posted 1 year ago #

    Actually I do not want to change the height. I want it to always be the same for all rows. Images in column one will always be the same size.

    But it is strange that the photos currently are 150 pixels, but the set line height is 150 pixels and also table pictures look below the line. I hope I explained well ...

    Trying to figure out which factors are decisive for the same rows and columns of the table, to comply with this and do not allow unwanted enlargement.

    Regards, Tobias and many thanks for the careful attitude!
    Albena

  7. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    the reason for the non-equal row heights comes from the usage of the HTML code in your tables. For example, you have embedded the images in <p> elements to center the images. This is not the preferred way of doing this, as it can result in additional white space being added to the page. The reason for that are line breaks in the code which get translated to HTML <br /> tags automatically.
    So, my suggestion: Remove all these <p> tags from the cells in the first column, so that you only have the <img> tags there. Also, make sure that there are no line breaks after the <img> tags.
    Then add this "Custom CSS"

    .wp-table-reloaded-id-1 img {
      margin: 10px auto !important;
    }

    to center the images via CSS.

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags