Neatly Sliced

Have you ever gone along coding your front end, adding multiple classes to a single element, and then stop to consolidate because you feared you added a class too many? I know that I have at least paused to reconsider. <div class="related bug show nojs"> just seems to be reaching the limits of what my browser could handle.

Well, fear no more. Using JavaScript, Kilian Valkhof has uncovered a relieving (and surprising) conclusion. I don’t want to steal his thunder, but there is nothing to worry about; add all the classes you want.

I just updated to the latest version of WordPress… Wahoo. I believe I was previously using 2.2.something. The plugin update notification is very nice. The canonical URL fix is also calming to my inner SEO self.

I have to get around to updating the food blog, although I should focus on posting before upgrading.

The next CSS Off contest is April 5. At one minute past midnight (12:01 am), you will have 24 hours to send your entry in.

The winning entrant not only gets to feel really cool, but either receive a cash reward or a doubled cash donation to a charity.

It’s fun. CSS up.

If a design calls for a graphical horizontal rule, often front end developers will stick in an img tag and call it a day. However, an hr tag would be more semantic - and, most rich text editors for content management systems have a button for the horizontal rule.

These styles allow cross-browser image replacement for horizontal rule. In my implementation, the IE rules needed to be embedded, but it may have simply been a style overriding elsewhere in the stylesheet. Try it in a conditional commented stylesheet first.

The modern method uses background-image to replace the hr, which is defined normally by border. IE works some wonky stuff with list-item and you may have to scoot things around to get it to work just so, but it works!