This weekend I'm setting up a website for an academic event. I'd like the homepage of the site to have large, clickable progress bars that display the number of posts for each of the subpages (News & Announcements, Blog, Events, etc.). As more posts are added to each of the subpages (posts would likely be sorted and displayed by category and tag), its respective progress bar takes up more screen real estate and the tally count listed on/near it increases. Basically, I want the homepage to look like a giant, dynamic bar chart. Is there a freeware (or cheap) template, widget or piece of code that allows me to do this? [more inside]
Any tips on web design WITHOUT style sheets? Yes, I know that's crazy talk. [more inside]
How can I strip out extraneous CSS rules from my stylesheets? [more inside]
CSS help: If I have an element that contains two other elements that add up to less width than the container element, should the container element's background color not be visible between those elements? [more inside]
IHateCSSFilter: Help me figure out how to fix my website so that the left margin isn't smashed up against the left margin anymore.... [more inside]
CSSFilter: I'm a long-time Web wonk looking to become a CSS maven - my next gig is the development and implementation of a completely modern, table-less design for a fairly big company.
What learning resources out there (on the Web, in print, or otherwise) are the best for someone looking to master the techniques espoused by places like the CSS Zen Garden?
What new tools should I consider using? One thing I'm having trouble with in particular: how does the designer mock up a fully CSS/XHTML design? It seems more counterintuitive than the old process of design -> cut-up into table-based layout
Hey, CSS Cowboys - spacer help needed! Look here
. This is a simple box with three different backgrounds in three fields with no content; the first two need to be exactly 100 pixels tall, and the last one needs to be 200 pixels tall. I am making this happen with transparent spacer .gifs, but I want to eliminate them, if possible. I've tried a couple of things (spacer tag, fer example) that work in Mozilla but not IE; and a couple of things that work in IE (span tags with height declaration, fer example) but not in Mozilla. Padding doesn't work well in either for exact spacing. Can you help me conquer space, the final frontier?