WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Row spacing in Firefox (6 posts)

  1. MargotP
    Member
    Posted 1 year ago #

    Hi Tobias!
    Well, the project went well (thanks in part to you) but for some reason in Firefox there are large gaps between the rows (Looks great in Safari and Chrome).
    an example:
    http://gingermop.com/collateral/mountain-travel-sobek-1/

    I forgot to ask you: how you could tell that
    http://www.sparkyideas.com/
    was built using wordpress? I was just curious.

    Baseball is back. Life is sweet.

    Thanks, Margot P

    http://wordpress.org/extend/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Margot,

    I don't really have a clue why Firefox does this... It probably uses an algorithm that distributes the row heights more evenly. To fix this, please try adding this "Custom CSS":

    .tablepress-id-40 .row-9 .column-2 {
        height: 250px;
    }

    As for the sparkyideas.com site: When taking a look at the HTML source of the page in the browser, I can see many references to common WordPress folders, like wp-content/themes/ and similar. That led me to that conclusion.

    Regards,
    Tobias

  3. MargotP
    Member
    Posted 1 year ago #

    Worked beautifully. Thanks!
    Margot P

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    very nice! :-) Thanks for the confirmation!

    Best wishes,
    Tobias

  5. MargotP
    Member
    Posted 1 year ago #

    AArgghhh. Looks like I was a little hasty. It appears that there are still problems on the following pages. I spent the day trying to see if these tables were any different (number of rows, etc) or in custom css but could not. They are the following:

    http://gingermop.com/collateral/old-navy-2/
    http://gingermop.com/collateral/habitat-media-1/
    http://gingermop.com/collateral/habitat-media-3/
    http://gingermop.com/collateral/the-spanish-quarter-1/
    http://gingermop.com/collateral/cnet_coll_1/

    Let's just say I'm hoping it's all the same problem! Can you tell how much I don't like Firefox?

    Thanks again, Margot

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Margot,

    the is indeed the same problem. The difference to the other tables is that he image in the left column is taller. Therefore, the px value in that new piece of CSS needs to be higher, too (as that defines the height of the bottom right cell, which then pushes up the other cells).
    So, for these tables, just add

    .tablepress-id-53 .row-9 .column-2,
    .tablepress-id-41 .row-9 .column-2,
    .tablepress-id-43 .row-9 .column-2,
    .tablepress-id-47 .row-9 .column-2,
    .tablepress-id-28 .row-9 .column-2 {
        height: 500px;
    }

    You can of course play around with that value to make it fit better, or even split up the code to set different values for the different tables.

    Regards,
    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic