How to make images fit perfectly in single row?

  • Resolved BeamX1

    (@beamx1)


    8 years, 2 months ago

    Hi!

    I use TablePress combined with images as a navigation menu (the images are clickable links).

    Right now I have the problem that on desktop-view there is some white space on all sides and on mobile-view as well, actually on mobile there is even more space, see: https://imgur.com/a/sMwfL

    The problem as you might guess is when a user clicks on the space the links will not work and because of that I want the images to be full on the whole row.

    Is there any way to make the images fit perfectly in a single row? Or any other solution?

    Any idea or suggestions are appreciated.

    Best,
    BeamX1

    • This topic was modified 8 years, 2 months ago by BeamX1.
    • This topic was modified 8 years, 2 months ago by BeamX1.
    • This topic was modified 8 years, 2 months ago by BeamX1.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    First, a personal opinion: Using a table for a navigation menu is probably not a good choice. For semantic reasons, tables should only be used to display actual tabular data, but not for styling/layout purposes.

    Now, in your case, you’ll probably just have to remove the padding (inner white space) of the cells. That’s e.g. possible with “Custom CSS” code like

    .tablepress-id-123 td {
  padding: 0;
}

    Regards,
    Tobias

    Thread Starter BeamX1

    (@beamx1)

    Yes, you are right. I think I will not use the table for navigation.
    Anyway, thanks Tobias!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ??

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make images fit perfectly in single row?’ is closed to new replies.