2 Tables side by side

  • Resolved PODxt

    (@podxt)


    12 years, 5 months ago

    Hi,

    I’m trying to put 2 tables side by side. I’m using a div class as suggested in other threads and use the following custom code:

    .tablepress-wrapper {
	width: 24%;
	float: left;
	padding-right: 10px;
}

    The problem I have with this code is the padding. I would like to have a little more space between my tables but when I increase the padding pixels number, it seems to also push my text to the right and I don’t want that.

    I also noticed something weird when resizing my browser window to a small one (to test the site responsiveness): the 2nd table goes over the 1st one which makes everything unreadable. Is there a way around that?

    Unfortunately I’m working offline so I can’t give a url for you to check what I’m talking about. I’ll make screenshots if necessary.

    Thanks in advance!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 5 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    That approach is correct, and I can only assume that some CSS (e.g. by the theme) is interfering. Unfortunately, I will need to take a look at the page directly, so that I can inspect the code with the Developer Tools in Google Chrome. That’s not possible with screenshots only 🙁
    So, my suggestion here is that we wait with fixing this until the site is reachable on the web, so that I can take a look.

    Regards,
    Tobias

    Thread Starter PODxt

    (@podxt)

    12 years, 5 months ago

    Hello, thanks for the quick reply. I set up a live test website so you can see exactly what I’m talking about: http://mywptestsite.is-great.org/6-2/

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 5 months ago

    Hi,

    ok, thanks for the link!

    Can you now please explain again what you would like to change?

    One thing I see from your first post is the overlapping. That happens once the available screen widths is smaller than the required minimum width of the tables (due to their content). To fix that, you could play around with CSS media queries, and for example not show the tables next to each other on small screen, but below each other.

    Regards,
    Tobias

    Thread Starter PODxt

    (@podxt)

    12 years, 5 months ago

    Hi Tobias, I’m going to try that. I don’t experience the “text push” for some reason and that was my main concern. Thanks for the support!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 5 months ago

    Hi,

    no problem, you are very welcome! 🙂
    You could also check out plugins that create a grid or column layout, like http://wordpress.org/plugins/grid-columns/ Maybe that helps.

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘2 Tables side by side’ is closed to new replies.