Side by Side Images in Cell

Hi,

thanks for your question.

Please post a link to the page with the table, and I’ll gladly take a look to find the best solution to this.

Regards,
Tobias

Hi,

thanks for the link.

The reason why the icons don’t appear side by side is the HTML <center> tag that you are using. You should not use that, but instead center the cell content with some CSS code (the same holds for the table head row, in which you do this).
So, please remove all <center> tags from the head row and the column with the icons.
Then, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress, to center everything again:

.tablepress-id-6 .column-6 {
  text-align: center;
}

The HTML code for the icons should then look like this:

<a href="/download/file1.pdf"><img src="/pdf_icon.gif"></a><a href="/download/file2.pdf"><img src="/pdf_icon.gif"></a>

(without any line breaks).

Now, adding a label (or so-called caption) is more tricky. That would require more sophisticated HTML code. Another idea would be to use the WP Media Library, as that can do this automatically. You can access that via the “Insert image” button below the table edit fields.

Regards,
Tobias

Hi,

very nice! Thanks for the confirmation! 🙂

Best wishes,
Tobias

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