Missing border

  • Resolved matts82

    (@matts82)


    3 years, 1 month ago

    Hi Tobias,

    I’ve used the following code to put borders on a table:

    .tablepress tbody td {
    border: 1px solid #000000 !important;
    }

    However, the border doesn’t go round the header or footer – do I need additional code for that?

    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)

    3 years, 1 month ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Correct, this code only affects table body cells (indicated by td in HTML and CSS code). The header and footer row use th (“table head”) markup, so that you would need to extend the CSS code to

    .tablepress th,
.tablepress td {
  border: 1px solid #000000 !important;
}

    (You won’t need the tbody here either, due to the !important flag.)

    Best wishes,
    Tobias

    Thread Starter matts82

    (@matts82)

    3 years, 1 month ago

    That’s great thanks – the only thing now is I don’t have a border between the header and the opening row?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 years, 1 month ago

    Hi,

    that’s in Firefox, right? There’s a long-standing Firefox bug regarding border lines in table head cells, unfortunately 🙁
    (This might be another reason against using vertical border lines, in addition to them being detrimental to readability of table data.)

    Regards,
    Tobias

    Thread Starter matts82

    (@matts82)

    3 years, 1 month ago

    That’ll explain it then…

    Thanks for your help (again)

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    3 years, 1 month ago

    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 5 replies - 1 through 5 (of 5 total)

The topic ‘Missing border’ is closed to new replies.