Problem of reducing dimensions between cells (vertical and horizontal) of a tabl

  • Resolved tigkolani

    (@tigkolani)


    7 years, 5 months ago

    Hello ,
    I just started using the tablepress (pluging) program. But I have a problem reducing the size of cells in relation to the height and width of a table with CSS. I first consulted the wordpress forum since I use wordpress version 4.8.2 I have seen a similar discussion that deals with the problem. I was inspired by this code and I introduced it in the extra css part of the theme. The result is that only the cells of the width of the table are reduced. I would like to ask you to find a solution to the problem. Here’s the code below.
    Thank you for helping me.

    .tablepress th,
    .tablepress td {
    border-collapse:collapse;
    padding: 2px 2px !important;

    }

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    This will be very tricky here. Basically, your images will have to have the exactly fitting proportions (size and aspect ratio) for this to work.

    To be honest, I would therefore actually recommend against using a table here. That’s not a good idea for layout and style purposes in modern webdesign. You will for example quickly run into problems with mobile responsiveness.
    Instead, you should explore approaches with modern HTML elements and CSS code.

    Regards,
    Tobias

    Thread Starter tigkolani

    (@tigkolani)

    Good evening Mr. Tobias,
    I would first like to thank you for quickly responding to my problem and congratulating you (I have just seen) for having designed the tablepress program. Personally I appreciate this program as I begin to use it in the design of the paintings. In reality the gap between the cells was too much. I will also send you the link from the home page: veafrique.istakara.org
    The cell dimensions of the lines and heights are the same. I would reduce them with the value of 2px. In fact, I was inspired by the table on the home page of Solidarités International entitled: LIVE FROM THE FIELD whose link is https://www.solidarites.org/en/ This NGO did use a table for images.
    The link I sent to you answers my worry that can be solved. The difference between the cells of the (horizontal) line is reduced to 2px but the difference between column cells (vertical) does not respond.
    You offer me a solution: exploring approaches with modern HTML elements and CSS code. I will ask you to help me to read these codes and to use them.
    Thank you for answering me.
    Kolani

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    the reason why the vertical space is not reduced is that the image proportions don’t fit with that. For example, if you reduce the size of the left image a little bit, it will not be that high and then the other will match.

    This is what I meant with “tricky” above. You will have to have perfectly sized images to make this work.

    Regards,
    Tobias

    Thread Starter tigkolani

    (@tigkolani)

    Good morning Mr. Tobias,
    I would like to thank you very much for having instructed me. Your recommadations really helped me. For the time the picture is perfect when I reduced a bit the size of the image left.
    Here is the link from the home page where the table is: veafrique.istakara.org

    Kolani

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    cool! Good to hear that you found a way ??

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problem of reducing dimensions between cells (vertical and horizontal) of a tabl’ is closed to new replies.

Tags