Re^3: PerlMonks site design

[jdporter]

See Restyling PerlMonks, which is where I was tracking my work to convert the site to use CSS instead of hardcoded and old-school html styling. In it, I say:

Most importantly, someone with some sense of design and a pretty good understanding of css should define an overarching style "architecture" for the site.

One thing you can do right away is turn off the use of tables for layout at the top several* levels of most pages. Go to Display Settings, scroll to the bottom, and turn on the three "layout * as DIV instead of TABLE" flags. Then, of course, you'll have to edit your CSS to take advantage of all the div classes and id's you'll get.

* The number of levels of table layout affected varies, but I think it's generally between 2 and 4. And some pages are not affected by the settings at all (yet).

[tye]

Why don't you post some example CSS to make it easier for people to try it out?

I turned those options on to see how well the CSS-based layout works and I can't actually do that since all it does is remove the structure that used to be there. I am not going to try to write CSS to try to restore the structure; my expectation is that I would spend no small amount of time and then would still fail. But that wouldn't prove anything other than my failure at CSS.

You surely already have some CSS. I'd love to see CSS that just restores the original structure (or nearly so). Other examples that demonstrate some small part of the flexibility CSS should offer the user would be nice as well.

Or perhaps there are others who have switched to "div mode" and could offer their CSS.

Thanks.

If some CSS comes out of this that seems considered to be a reasonable starting point, then it might be good to link to that from a "?" (help) superscript near those 'div' options on Display Settings. Or perhaps such CSS should be added to the site default CSS since it would just be ignored if you don't have those DIVs turned on.