Table width not working

  • Resolved rolfhennequin

    (@rolfhennequin)


    7 years, 9 months ago

    Sorry, but even reading myself through all the post I cannot find any solution for my problem:
    I’m using the theme TwentyTen and created a table with 3 columns, each limitid via extra css to a maximun of 200px.
    Nevertheless the table overflows the maximum available space of the theme column of 600 px.
    See page: https://sprachschulenhommer.de/beta2017/testeite/
    Can anybody tell me what to do?
    I want to have a table limited to 600 px width with 3 columns each 200 px wide containing pictures (each 200 px wide) and text.
    Thanks in advance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The problem is that your images are exactly 200px wide, but that there is also extra white space (padding) around the images.
    In addition, there’s the very long word “Spaltenbreiteneinstellungen”. The browser can not add word-wrapping/line breaks to that, so that it also defines the minimum width.

    So, my suggestion to fix this: Remove the long word “Spaltenbreiteneinstellungen”, and then add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    #content .tablepress th,
#content .tablepress td {
  padding: 6px;
}
.tablepress img {
  max-width: 100%;
}

    Regards,
    Tobias

    Thread Starter rolfhennequin

    (@rolfhennequin)

    Perfect! Works well … and thanks a lot for your quick response!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    Best wishes,
    Tobias

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Table width not working’ is closed to new replies.