table dimensions

  • Resolved llraces

    (@llraces)


    9 years, 10 months ago

    I am (clearly) not a developer, but trying to build my own website (i.e. very limited knowledge, please try to answer in non-tech language as much as possible). I’m trying to make a table, you can see it here: https://newsite.wetwildcamp.com/schedule/adventure-camp-schedule/. Here is the code: body {
    color: #444;
    font-family: “Open Sans”,sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    min-width: 600px;
    }
    body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    }
    I made the padding 0 and margin 0 trying to eliminate the huge vertical space between cells. I don’t understand what 1.4em means. I tried to change the table height in pixels in the WP visual screen, but it didn’t work, I think because of the 1.4em. Should I just change the 1.4em to ???px? Should I change the 100% to something else?

    https://www.ads-software.com/plugins/osd-simple-table/

Viewing 1 replies (of 1 total)
  • Plugin Author osdwebdev

    (@osdwebdev)

    llraces,

    Thank you for the URL, that was very helpful. It appears you are not using OSD Simple Table for table generation, so this is not the appropriate place for this question. However, I will try to provide some help:

    The code that you supplied above is the styling for the “body” and “html” tag in your page. So changing that will not really affect your table at all. If you would like to know what an em means I recommend reading https://developer.mozilla.org/en-US/docs/Web/CSS/length. Mozilla developer network is a great place to learn. An “em” is a unit of length in CSS (cascading style sheets – provides the styling for a webpage/site). 1em is equal to the font-size of that current element. So if the font-size of a particular div is 16 pixels, 1em = 16 pixels.

    Anyway, it appears your issue has to do with the height of the table. When I looked at the URL you provided, I see a “style=’height: 1500px'” on the “table” tag. It appears that that is hardcoded and not generated with JavaScript. So if you click the “text” tab on the WordPress editor, you should be able to look through your content and remove that height attribute.

    In addition, you have all of you table cells wrapped in “h4” tags. These are called header tags. You do not need them in your table cells. In addition to not being semantically correct, they are adding 20 pixels of padding at the bottom which adds extra space at the bottom.

    I hope this information was helpful.

Viewing 1 replies (of 1 total)
  • The topic ‘table dimensions’ is closed to new replies.