FAQ Database Discussion Community


Firefox hides tables with no content and no set height

html,css,firefox,cross-browser,css-tables
I have an empty table or div with display:table: If I now add a border to the table - even though there is no content - I would expect to see the border. In Chrome and IE there is a border. In Firefox - the border takes up space, but...

Is it possible to set one linear gradient background on several table rows?

html,css,css-tables
I need to set a single linear-gradient background for 3 consecutive rows in a table: <table> <tbody> <tr><td>1</td></tr> <!-- background starts here --> <tr class="bg"><td>2</td></tr> <tr class="bg"><td>3</td></tr> <tr class="bg"><td>4</td></tr> <!-- background ends here --> <tr><td>4</td></tr> </tbody> </table> What I now have is one gradient per row: http://jsfiddle.net/orkLLbpz/. Any...

Flexbox space-between behavior using table model

html,css,css-tables
I'm currently trying to emulate the flexbox space-between layout using the table model. Basically, I have a table that is set to 100% the width of it's container, cells that have a fixed pixel width and I would like the border-spacing to "fill" the space remaining. So far, setting the...

Is it possible to right-align only one component of a table header?

html,css,html-table,css-tables
I'm trying to right-align a Font-Awesome icon within a table heading, while the heading text is left-aligned: I created the above screenshot using a hard-coded margin-left value on the <i> element, but this doesn't account for changing table widths. Is it possible to right-align only part of a table's heading...

Place tables one under another forming columns

jquery,html,css,html5,css-tables
I'm trying to create different columns containing elements of different categories. Demo online I started working with lists, but I found out that tables seems to be best suited for this purpose and categories won't break into different columns. The problem I'm encountering now is that if I have a...

What does display: table-column do?

css,css-tables
According to mdn display: table-column should behave like HTML elements. But as far as I know, <col> elements have no display mode, they're actually just a rough edge of html which defines style in markup. So what in the world is table-column in css supposed to do?...