• Welcome to Simple Machines Community Forum. Please login or sign up.
January 26, 2022, 05:47:22 PM


SMF 2.0.19 has been released! Please update. Read more.

Split from why smf dos not use div+css to replace table

Started by altdot, October 22, 2021, 09:17:11 AM

Previous topic - Next topic


Is there an easy way to filter the themes for divs vs tables? I am starting by looking at the responsive themes, but I would like to be able to use CSS instead of updating the index template to remove/hide some columns on smaller screens. Because of the colspans in the header, this is a little funky with the table'd themes. (Alternatively, am I missing an obvious solution to do this with a theme like MinDI that is table-based?) In a previous life I had a heavily customized SMF 1.x forum, and I am trying to live a more virtuous (and easier) life this time around.

Please avoid reviving topics that are out of date and start a new one instead.  Topic split - Iris.


No, there is no easy way to do that.  You actually lucked out that you can search responsive .

Chances are, most 2.0 themes are going to still use tables alot
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."


While SMF 2 uses tables for mostly tabular layouts like the board index, it uses plain divs for general layout (I am speaking, of course, of SMF 2.0, not 2.1). That said, the vast majority of themes for 2.0 lack CSS breakpoints for mobile-friendly layouts (I dislike the buzzword hype "responsive design")


Quote from: altdot on October 22, 2021, 09:17:11 AM...Alternatively, am I missing an obvious solution to do this...
Yes, you are. :)

You do not have to keep the default display: table; and display: table-row; etc that these tags are automatically assigned. You can set the whole kaboodle, or bits of it, to block or inline-block or flex or grid (or combinations of any or all of these display attributes).

This makes colspans and rowspans irrelevant, and you can set each tag or class however you want it.