MobileRead Forums - View Single Post - CSS problem: table-design

hobnail · 04-23-2022, 05:31 PM

Having a style= and a class= seems odd to me but here's what I tried just now which worked but which you may find odd. To be honest any style= on a tag is a bad smell for me.

In the css for the table, set its width to 100%;

Code:

table {
    width: 100%;
}

Then make classes for the different widths;

Code:

.tablebig {
    width: 80%;
}

.tablesmall {
    width: 40%;
}

Then put the table inside a div with either of those classes;

Code:

  <div class="tablesmall">
    <table>
    ...

I have no idea how portable that is.

04-23-2022, 05:31 PM	#4
hobnail Running with scissors Posts: 1,589 Karma: 14328510 Join Date: Nov 2019 Device: none	Having a style= and a class= seems odd to me but here's what I tried just now which worked but which you may find odd. To be honest any style= on a tag is a bad smell for me. In the css for the table, set its width to 100%; Code: table { width: 100%; } Then make classes for the different widths; Code: .tablebig { width: 80%; } .tablesmall { width: 40%; } Then put the table inside a div with either of those classes; Code: <div class="tablesmall"> <table> ... I have no idea how portable that is.