Follow

html/css help wanted 

I have this table with three columns, with the middle column spanning multiple rows.

The default html behaviour is to try and maximise how much horizontal space is used, before using vertical space.

However, I want the middle column to fill up vertical space before it starts spreading out horizontally – I want that column to be as thin as possible.

How can I tell html to do this?

html/css help wanted 

@lizardsquid this is purely a guess but i think that _if_ it's possible then you're gonna have to change the display attribute of the cells

not sure to what

re: html/css help wanted 

@lizardsquid If you can give the tds way to select them (and just them) from CSS, you can use max-width: https://codepen.io/anon/pen/RzPxej

The column will grow horizontally until it hits the maximum width you gave, and then vertically.

re: html/css help wanted 

@elomatreb I'll do this if I have to, but I have more than 300 of these tables, each with a different amount of text in them, so I'd prefer to do it in a dynamic way (I don't want the first column to become elongated unless absolutely necessary)

re: html/css help wanted 

@lizardsquid Not sure that is possible, CSS tables assume the "regular" CSS layout flow where things grow horizontally unless they *have* to go vertically in order to avoid breaking another constraint

html/css help wanted 

@lizardsquid I totally can’t help you, but I really love that it’s about Doctor Who

html/css help wanted 

@lizardsquid Doctor Who is a franchise with absolutely no boundaries, the moment I think I have seen it all, I discover there is some new media they offer content

it is very nice, but is also a lot of trouble to follow it all (by the way I have only watched the new series, and only up to 12th, yet really eager to watch Jodie :3 )

Sign in to participate in the conversation
Computer Fairies

Computer Fairies is a Mastodon instance that aims to be as queer, friendly and furry as possible. We welcome all kinds of computer fairies!