Float table next to an image

  • Resolved nwalker

    (@nwalker)


    11 years, 8 months ago

    Hi,
    Just before I start, thanks for a great plugin. I’ve had a few challenges but have managed to resolve them using the support archives.
    I’m learning so please forgive me.
    I have an image in my web page that is on the left. I want my table to sit on the right of the image, but when i enter the short code it appears underneath. I can add text next to the image ok. How should i do this.?

    Also, I have 4 colums, i have set the width of cols 1 & 3 to the same, I want a different width for cols 2 and 4. If I enter the css code to do this on col 2 it works fine but when i add the css to col 4, it expand the whole table width to the whole of the page. What am i doing wrong.

    .tablepress-id-6 .column-1,
    .tablepress-id-6 .column-3 {
    width: 75px;
    }

    .tablepress-id-6 .column-2,
    .tablepress-id-6 .column-4 {
    width: 150px;
    }

    https://www.ads-software.com/extend/plugins/tablepress/

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

    (@tobiasbg)

    Hi,

    thanks for your questions.

    For the image: This is a little bit tricky, as the CSS code in most themes prevents this. If you post the link to the page with the table in question, I’ll gladly take a look and try to find out what’s wrong.

    For the column widths: It would also be good, if I could take a direct look at this, so please post a link to this table as well. Thanks!

    Regards,
    Tobias

    Thread Starter nwalker

    (@nwalker)

    The images you see will be displayed down the left and i will have one table to the right of each image. The reason i am doing it this way is so that when the page is viewed on a small mobile screen the table will be placed under each image. It works like this when i have text.

    The padding and spacing for the table is not right yet, but there is no point in me working in that until I’ve proved that this will work. Many thanks for your help.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for the explanation. So, you want table 6 on the right of the “Avalon” image? This should be possible with this “Custom CSS” code:

    .tablepress-id-6 {
    float: right;
    margin-top: 6px;
    width: 640px;
}

    Regards,
    Tobias

    Thread Starter nwalker

    (@nwalker)

    Thank you Tobias. Your code worked, but I had to split the table in two for it to break down nicely for small mobile devices. I have tried the responsive plugin you developed, but it didn’t do what i needed.

    Thanks for your help and quick responses.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    very nice! Good to hear that this helped! Yes, responsiveness in tables is in general tricky, as there’s no behavior that will work for all tables. Therefore, some customizations, like in your case, might be necessary.

    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 ‘Float table next to an image’ is closed to new replies.