Mar 26
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.
Popularity: 7% [?]
Posted in News | 6 Comments »
Mar 26
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.
Popularity: 8% [?]
Posted in CSS | No Comments »
Mar 06
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!
CSS:
-
/* ------- EMBEDDED ------- */
-
<!--[if IE]>
-
<style type="text/css">
-
#primary-content hr {
-
display : list-item;
-
list-style : url(/assets/images/wide-rule.gif) inside;
-
filter : alpha(opacity=0);
-
margin-left: -10px;
-
width : 0;
-
}
-
#secondary-content hr{
-
display : list-item;
-
list-style : url(/assets/images/med-rule.gif) inside;
-
filter : alpha(opacity=0);
-
margin-left: 0px;
-
width : 0;
-
}
-
</style>
-
<![endif]-->
CSS:
-
/* ----- STYLESHEET ----- */
-
-
hr{
-
background:url(short-rule.gif) repeat-x top left;
-
border: 0;
-
}
-
#secondary-content hr{
-
background:url(med-rule.gif) no-repeat top center;
-
border: 0;
-
}
Where can I get HR image assets?

Josiah notes in his comment that he has provided some free images at Siah Design. Leave a comment if you would like to be included in this list.
Popularity: 100% [?]
Posted in CSS | 17 Comments »
Mar 03
It's such a simple thing but I actually googled this because I couldn't think of it offhand.
CODE:
-
<cfif len(str)>
-
<cfoutput>#str#</cfoutput>
-
</cfif>
if str has zero characters, len(str) will return 0, mimicking behaviour of false. Cool!
Popularity: 27% [?]
Posted in ColdFusion | 3 Comments »