Attached: c51307ace57c539b1e83fe3e87eb854436adca4958d9f348e7af468d611200cf.gif (350x263, 80.68K)
Anyone a real pro with html, css?
Samuel Perez
Luis Ward
so you got the answer to OP's problem or just posturing?
Gavin Smith
...
Cooper Ward
you are a fucking baby but post the css
Adam Brown
here is the table in html:
first middle column last col
Logan Russell
the css for hopefully all the elements in the table:
#body {
padding:0px;
padding-bottom:90px; /* Height of the footer */
}
table.model-page {
border-collapse: collapse;
width: 100%;
height: 100px;
text-align: center;
font-family: system-ui;
color: black;
}
td.make-col {
background-color: red;
max-width:100%;
white-space:nowrap;
padding: 0px;
width: 100%;
}
span.yikes {
font-size: 20px;
background-color: orange;
}
td.logo-col {
background-color: gray;
padding: 0px;
height: 100px;
}
td.model-col {
font-size: 70px;
background-color: blue;
display: inline-block;
height: 100px;
padding: 0px;
Lucas Morgan
OP here. I've just been changing the display and position elements back and forth for like the past three hours hoping it'll eventually end up like how I want it, but no dice.
Noah Martin
also, I can't use col percent, 1st = 30, 2nd = 40, 3rd= 30 cause I want the middle columns width to change as I change the text inside of it.
Tyler Cox
Does it have to be a table? This sounds like you want to use a table for layout, which is not what tables have been designed for. Tables are for presenting data in a tabular fashion. If you want to do layout use CSS grid or flexbox.
css-tricks.com
css-tricks.com
Evan Cook
make td.make-col; width 30%
and td.logo-col; width 30%