Stack Overflow
Stack Overflow

Questions tagged [border-collapse]

13 questions
41
votes
5 answers

Table border color in CSS with border collapse

I want to put a line above some field in a table, to indicate that it is a sum of the above values. However, the table already has borders by default. Here is an example: I have a table with borders collapsed. I set the border-bottom on one field,…
Sjoerd
  • 74,049
  • 16
  • 131
  • 175
3
votes
1 answer

Position sticky and background-color of thead cell hides outline of tbody

How do you prevent the red outline from being hidden by the green background-color of the th and keep the border-collapse? Is there a CSS spec that defines this behavior? table { border-collapse: collapse } tbody { outline: solid…
Josh Unger
  • 6,717
  • 6
  • 33
  • 55
2
votes
0 answers

Is there a way to work around Safari's colspan border rendering bug with pure CSS?

If I have a table with collapsed borders, and a table cell with a colspan and no border, and it spans adjacent cells with and without borders, Safari will show a border where there should not be one. I can fix this by having extra table cells to…
Ben Thornton
  • 36
  • 5
1
vote
1 answer

Why does the border of tr not show unless the parent table tag has the border-collapse property set to collapse?

html: …
Nick
  • 138
  • 9
0
votes
0 answers

Table thead fix problem with border-collapse: separate

I have a problem with my table css. I fix thead in my table with: thead tr th { top:0; position:sticky } It works but also i have "border-collapse: separate;" for my table style. as result i have the same space between table top and thead top. By…
Timur
  • 11
  • 2
0
votes
0 answers

Trigger all bootstrap collapses with jquery at once

Hello I am using bootstrap-5 collapses. I have multiple collapses an I need to trigger them all using jquery(not bootstrap button).Here are my collapses.Here is my code

Tekimoto
  • 5
  • 2
0
votes
1 answer

Why are the boarders showing differently on a table?

Why are the boarders showing differently on a table? Originally I had
and things like that because the main body of my site is in flex inside @media screen. This specific portion of my site is on @media print Here is my code for…
jpgerb
  • 1,043
  • 1
  • 9
  • 36
0
votes
0 answers

Css. Double cell border

Can someone explain me why I see 2px bottom border every 2-5 rows on simple table. It seems that the problem depends on the monitor, it disappears on some monitors. In some monitors it is only appears if I scale the content in browser. But why? I…
Movs
  • 317
  • 2
  • 7
0
votes
1 answer

border-collapse issue on elements (not table)

I have been trying to get the borders on elements that are touching to merge... I thought that border-collapse would be a straightforward solution to this... but apparently not, or I am misusing it. Here's my code... index.html:
Chris Andrew
  • 91
  • 6
0
votes
1 answer

Bootstrap resize collapse navbar

I'm writing my Diploma where I have to programm a Webpage for a Company using Bootstrap. My actuall problem is that when my navbar collaps the colored container behind my nav-items just ends where the word ends. Like This: enter image description…
EliasKreuter
  • 1
0
votes
1 answer

Space between table rows with black border

I have a table in which I want space between rows and a black border around each row .table { border-collapse: collapse !important; border-spacing: 0 5px !important; } .table tr { border: 1px solid #000 !important; }
Amine Messaoudi
  • 2,141
  • 2
  • 20
  • 37
-1
votes
1 answer

HTML table bottom border of table head is missing

If I use border-collapse: collapse; for the table in my PDF, the bottom border of my table head is missing. Table head My code: